@font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/a2970b42b7763231-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/6394bb2874e9ab14-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/e1f7e44c431afcc8-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/67f22ac847ad892f-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d357fe0e2c77b00d-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/ffd389404919a601-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/8e17a785cf14d548-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 100;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 800;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/74ac08bf4fae811b-s.woff2) format("woff2");
      unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/853d8c1dce628ba4-s.woff2) format("woff2");
      unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/de18a1b48e61c532-s.woff2) format("woff2");
      unicode-range: u+1f??
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/5c065d4d218a33c9-s.woff2) format("woff2");
      unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/d59cb38f58804abd-s.woff2) format("woff2");
      unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/7c6dc7c1745e6759-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
    font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-stretch: 100%;
      font-display: swap;
      src: url(../media/cb28285c336b8221-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
      font-family: "__Noto_Serif_Display_Fallback_d6fb98";
      src: local("Times New Roman");
      ascent-override: 90.57%;
      descent-override: 24.82%;
      line-gap-override: 0.00%;
      size-adjust: 118.03%
  }
  
  .__className_d6fb98 {
      font-family: "Roboto Condensed", sans-serif;
  }
  
  .__variable_d6fb98 {
      font-family: "Roboto Condensed", sans-serif;
  }
  
  @font-face {
      font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(../media/2f9f484c332ee5de-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(../media/b5215411e8ce7768-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(../media/1c6f4cbc58bf1b54-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(../media/756f9c755543fe29-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(../media/18663a228a3c9261-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(../media/25460892714ab800-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(../media/6ec89c3f4265bc9b-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(../media/155cae559bbd1a77-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(../media/f1df658da56627d0-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(../media/4de1fea1a954a5b6-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(../media/162938472036e0a8-s.woff2) format("woff2");
      unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
  }
  
  @font-face {
       font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(../media/6d664cce900333ee-s.p.woff2) format("woff2");
      unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
  }
  
  @font-face {
      font-family: __Lato_Fallback_2296cb;
      src: local("Arial");
      ascent-override: 101.32%;
      descent-override: 21.87%;
      line-gap-override: 0.00%;
      size-adjust: 97.42%
  }
  
  .__className_2296cb {
      font-family: "Roboto Condensed", sans-serif;
  }
  
  .__variable_2296cb {
      font-family: "Roboto Condensed", sans-serif;
  }
  
  
  .teamleader-wrper {
      position: relative;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.1
  }
  
  .teamleader-wrper .team-name {
      padding-bottom: .25rem;
      font-size: .875rem;
      line-height: 1.25rem;
      letter-spacing: 1.21px
  }
  
  .teamleader-wrper .team-post {
      font-size: 8px;
      letter-spacing: 1.21px
  }
  
  .teamleader-wrper:before {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      --tw-content: "";
      content: var(--tw-content);
      background: linear-gradient(180deg,rgba(65,65,82,0),rgba(65,65,82,0) 60%,#06060a)
  }
  
  .teamleader-wrper:hover>.imgHover {
      display: block
  }
  
  .leadership {
      position: relative;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .leadership {
          padding-top:0;
          padding-bottom: 5rem
      }
  }
  
  .leadership:before {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .leadership:before {
          width:20%
      }
  }
  
  .leadership:where([dir=ltr],[dir=ltr] *):before {
      left: 0
  }
  
  .leadership:where([dir=rtl],[dir=rtl] *):before {
      right: 0
  }
  
  @media (min-width: 1024px) {
      .leadership .slick-list {
          overflow:visible
      }
  }
  
  .leadership .item1 {
      position: relative;
      z-index: 10;
      order: 2
  }
  
  @media (min-width: 1024px) {
      .leadership .item1 {
          order:1;
          --tw-bg-opacity: 1;
          background-color: rgb(0 10 13/var(--tw-bg-opacity))
      }
  }
  
  @media (min-width: 768px) {
      .leadership .item1:where([dir=ltr],[dir=ltr] *) {
          padding-right:4rem
      }
  
      .leadership .item1:where([dir=rtl],[dir=rtl] *) {
          padding-left: 4rem
      }
  }
  
  .leadership .item1:before {
      top: 0;
      z-index: 10;
      height: 100%;
      width: 360px;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .leadership .item1:before {
          position:absolute
      }
  }
  
  .leadership .item1:where([dir=ltr],[dir=ltr] *):before {
      left: -360px
  }
  
  .leadership .item1:where([dir=rtl],[dir=rtl] *):before {
      right: -360px
  }
  
  .footer {
      --tw-bg-opacity: 1;
      background-color: rgb(30 35 38/var(--tw-bg-opacity));
      padding-top: 10px;
      padding-bottom: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .footer {
          padding-bottom:10rem
      }
  }
  
  .footer .line-footer {
      display: block;
      height: 1px;
      width: 100%;
      background: linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))
  }
  
  .timeline-section {
      padding-top: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .timeline-section {
          padding-top:5rem
      }
  }
  
  .timeline-section .timeline {
      position: relative
  }
  
  .timeline-section .timeline:after {
      position: absolute;
      top: 18px;
      bottom: 10%;
      left: 0;
      margin-left: -3px;
      width: 3px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1280px) {
      .timeline-section .timeline:after {
          left:50%
      }
  }
  
  .containers-wraper {
      position: relative;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 60px
  }
  
  @media (min-width: 1280px) {
      .containers-wraper {
          width:50%;
          padding-right: 60px;
          padding-left: 0
      }
  }
  
  .containers-wraper:after {
      position: absolute;
      left: -17px;
      top: 13px;
      z-index: 10;
      height: 36px;
      width: 36px;
      border-width: 6px;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      --tw-bg-opacity: 1;
      background-color: rgb(217 217 217/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1280px) {
      .containers-wraper:after {
          right:-17px;
          left: auto
      }
  }
  
  .containers-wraper.right {
      padding: 10px 0 10px 60px
  }
  
  .containers-wraper.right .pcolor {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .containers-wraper.right .pcolor a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 1.25rem
  }
  
  .containers-wraper.left h2 {
      margin-top: 3px;
      margin-bottom: 10px;
      font-size: 26px;
      font-weight: 500;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  @media (min-width: 1280px) {
      .containers-wraper.left h2 {
          text-align:right
      }
  }
  
  .containers-wraper.right h2 {
      margin-top: 3px;
      margin-bottom: 10px;
      text-align: left;
      font-size: 26px;
      font-weight: 500;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .left,.right {
      left: 0
  }
  
  @media (min-width: 1280px) {
      .right {
          left:50%
      }
  }
  
  .left:before {
      position: absolute;
      top: 32px;
      left: 0;
      z-index: 10;
      height: 3.1px;
      width: 50px;
      border-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1280px) {
      .left:before {
          right:0;
          left: auto
      }
  }
  
  .right:before {
      position: absolute;
      top: 32px;
      left: 0;
      z-index: 10;
      height: 3.1px;
      width: 50px;
      border-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .right:after {
      left: -18px
  }
  
  .content {
      position: relative
  }
  
  .time-cont {
      padding: 1.25rem
  }
  
  @media (min-width: 1280px) {
      .time-cont {
          padding:1.75rem
      }
  }
  
  .time-cont h4 {
      line-height: 1.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .time-cont p {
      line-height: 18px;
      color: #ffffffb3
  }
  
  .time-cont .pcolor {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .time-cont .pcolor a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 1.25rem
  }
  
  @media (min-width: 1280px) {
      .time-cont .pcolor a {
          justify-content:flex-end
      }
  }
  
  .onloadform {
      position: fixed;
      inset: 0;
      z-index: 1000000000000000000;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #000000e5
  }
  
  .gallery-section button.slick-arrow {
      position: absolute;
      bottom: -85px;
      left: 53%;
      top: auto;
      right: auto;
      height: 40px;
      width: 40px;
      background-image: url(/_next/static/media/right-arrow.c697e5ac.png);
      background-repeat: no-repeat
  }
  
  @media (min-width: 768px) {
      .gallery-section button.slick-arrow {
          left:51%
      }
  }
  
  .gallery-section button.slick-arrow.slick-prev {
      left: 39%;
      background-image: url(/_next/static/media/left-arrow.c2951cc9.png)
  }
  
  @media (min-width: 768px) {
      .gallery-section button.slick-arrow.slick-prev {
          left:45%
      }
  }
  
  @media (min-width: 1280px) {
      .gallery-section button.slick-arrow.slick-prev {
          left:47%
      }
  }
  
  .gallery-section .slick-next:before,.gallery-section .slick-prev:before {
      visibility: hidden
  }
  
  .galleryPopup .sliderArrows .perv {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between;
      padding-left: 1.25rem
  }
  
  .galleryPopup .sliderArrows .perv button {
      width: 2.5rem
  }
  
  .galleryPopup .sliderArrows .next {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between;
      padding-right: 1.25rem
  }
  
  .galleryPopup .sliderArrows .next button {
      width: 2.5rem
  }
  
  .gallery-section {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .gallery-section {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .ceo-section {
      padding-top: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .ceo-section {
          padding-top:5rem
      }
  }
  
  .ceo-section {
      background: linear-gradient(180deg,rgba(69,67,60,0),rgba(0,0,0,.5))
  }
  
  .infrastructure-section {
      padding-top: 4rem;
      padding-bottom: 5rem
  }
  
  @media (min-width: 1024px) {
      .infrastructure-section {
          padding-top:10rem;
          padding-bottom: 2rem
      }
  }
  
  .news-section {
      padding-top: 2.5rem;
      padding-bottom: 5rem
  }
  
  @media (min-width: 1024px) {
      .news-section {
          padding-bottom:2.5rem
      }
  }
  
  a.social-box {
      margin-top: -4px;
      display: block;
      height: 60px;
      width: 60px;
      place-content: center;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(61 62 62/var(--tw-border-opacity));
      padding: 1.25rem
  }
  
  @media (min-width: 768px) {
      a.social-box {
          margin-top:1.25rem
      }
  }
  
  .news-wraper {
      padding-bottom: 8rem
  }
  
  @media (min-width: 1024px) {
      .news-wraper {
          padding-top:5rem;
          padding-bottom: 10rem
      }
  }
  
  .team-section {
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .team-section {
          padding-bottom:5rem
      }
  }
  
  .team-section .team-wrper:before {
      display: none;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .team-section a.social-box {
      display: flex;
      height: 30px;
      width: 30px;
      align-items: center;
      justify-items: center;
      --tw-border-opacity: 1;
      border-color: rgb(185 188 192/var(--tw-border-opacity));
      padding: 6px
  }
  
  .team-colmn .img-wrp:after {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: linear-gradient(to top,var(--tw-gradient-stops));
      --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(0,10,13,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
      --tw-gradient-to: transparent var(--tw-gradient-to-position);
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .team-wrper.team-colmn {
      --tw-bg-opacity: 1;
      background-color: rgb(30 35 38/var(--tw-bg-opacity))
  }
  
  .contactMap .gm-fullscreen-control,.contactMap .gmnoprint {
      display: none
  }
  
  /*
  ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
  */
  *,:after,:before {
      box-sizing: border-box;
      border: 0 solid #e5e7eb
  }
  
  :after,:before {
      --tw-content: ""
  }
  
  :host,html {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;
      font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
      font-feature-settings: normal;
      font-variation-settings: normal;
      -webkit-tap-highlight-color: transparent
  }
  
  body {
      margin: 0;
      line-height: inherit
  }
  
  hr {
      height: 0;
      color: inherit;
      border-top-width: 1px
  }
  
  abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted
  }
  
  h1,h2,h3,h4,h5,h6 {
      font-size: inherit;
      font-weight: inherit
  }
  
  a {
      color: inherit;
      text-decoration: inherit
  }
  
  b,strong {
      font-weight: bolder
  }
  
  code,kbd,pre,samp {
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
      font-feature-settings: normal;
      font-variation-settings: normal;
      font-size: 1em
  }
  
  small {
      font-size: 80%
  }
  
  sub,sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
  }
  
  sub {
      bottom: -.25em
  }
  
  sup {
      top: -.5em
  }
  
  table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse
  }
  
  button,input,optgroup,select,textarea {
      font-family: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      font-size: 100%;
      font-weight: inherit;
      line-height: inherit;
      color: inherit;
      margin: 0;
      padding: 0
  }
  
  button,select {
      text-transform: none
  }
  
  [type=button],[type=reset],[type=submit],button {
      -webkit-appearance: button;
      background-color: transparent;
      background-image: none
  }
  
  :-moz-focusring {
      outline: auto
  }
  
  :-moz-ui-invalid {
      box-shadow: none
  }
  
  progress {
      vertical-align: baseline
  }
  
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
      height: auto
  }
  
  [type=search] {
      -webkit-appearance: textfield;
      outline-offset: -2px
  }
  
  ::-webkit-search-decoration {
      -webkit-appearance: none
  }
  
  ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
  }
  
  summary {
      display: list-item
  }
  
  blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
      margin: 0
  }
  
  fieldset {
      margin: 0
  }
  
  fieldset,legend {
      padding: 0
  }
  
  menu,ol,ul {
      list-style: none;
      margin: 0;
      padding: 0
  }
  
  dialog {
      padding: 0
  }
  
  textarea {
      resize: vertical
  }
  
  input::-moz-placeholder,textarea::-moz-placeholder {
      opacity: 1;
      color: #9ca3af
  }
  
  input::placeholder,textarea::placeholder {
      opacity: 1;
      color: #9ca3af
  }
  
  [role=button],button {
      cursor: pointer
  }
  
  :disabled {
      cursor: default
  }
  
  audio,canvas,embed,iframe,img,object,svg,video {
      display: block;
      vertical-align: middle
  }
  
  img,video {
      max-width: 100%;
      height: auto
  }
  
  [hidden] {
      display: none
  }
  
  *,:after,:before {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position: ;
      --tw-gradient-via-position: ;
      --tw-gradient-to-position: ;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgba(59,130,246,.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia:
  }
  
  ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position: ;
      --tw-gradient-via-position: ;
      --tw-gradient-to-position: ;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgba(59,130,246,.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia:
  }
  
  .container {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 1.5rem;
      padding-left: 1.5rem
  }
  
  @media (min-width: 550px) {
      .container {
          max-width:550px
      }
  }
  
  @media (min-width: 640px) {
      .container {
          max-width:640px
      }
  }
  
  @media (min-width: 768px) {
      .container {
          max-width:768px
      }
  }
  
  @media (min-width: 1024px) {
      .container {
          max-width:1024px
      }
  }
  
  @media (min-width: 1280px) {
      .container {
          max-width:1280px
      }
  }
  
  @media (min-width: 1540px) {
      .container {
          max-width:1540px
      }
  }
  
  .visible {
      visibility: visible
  }
  
  .invisible {
      visibility: hidden
  }
  
  .fixed {
      position: fixed
  }
  
  .absolute {
      position: absolute
  }
  
  .relative {
      position: relative
  }
  
  .sticky {
      position: sticky
  }
  
  .inset-0 {
      inset: 0
  }
  
  .inset-x-0 {
      left: 0;
      right: 0
  }
  
  .-bottom-10 {
      bottom: -2.5rem
  }
  
  .-bottom-16 {
      bottom: -4rem
  }
  
  .-bottom-20 {
      bottom: -5rem
  }
  
  .-bottom-64 {
      bottom: -16rem
  }
  
  .-left-\[300px\] {
      left: -300px
  }
  
  .-left-\[99\%\] {
      left: -99%
  }
  
  .-left-full {
      left: -100%
  }
  
  .-right-3 {
      right: -.75rem
  }
  
  .-right-5 {
      right: -1.25rem
  }
  
  .-right-\[300px\] {
      right: -300px
  }
  
  .-top-20 {
      top: -5rem
  }
  
  .-top-24 {
      top: -6rem
  }
  
  .-top-3 {
      top: -.75rem
  }
  
  .-top-44 {
      top: -11rem
  }
  
  .-top-5 {
      top: -1.25rem
  }
  
  .bottom-0 {
      bottom: 0
  }
  
  .bottom-10 {
      bottom: 2.5rem
  }
  
  .bottom-24 {
      bottom: 6rem
  }
  
  .bottom-3 {
      bottom: .75rem
  }
  
  .bottom-5 {
      bottom: 1.25rem
  }
  
  .bottom-56 {
      bottom: 14rem
  }
  
  .bottom-8 {
      bottom: 2rem
  }
  
  .bottom-\[-100px\] {
      bottom: -100px
  }
  
  .bottom-\[-2px\] {
      bottom: -2px
  }
  
  .bottom-\[-55px\] {
      bottom: -55px
  }
  
  .bottom-\[-80px\] {
      bottom: -80px
  }
  
  .left-0 {
      left: 0
  }
  
  .left-10 {
      left: 2.5rem
  }
  
  .left-2 {
      left: .5rem
  }
  
  .left-20 {
      left: 5rem
  }
  
  .left-5 {
      left: 1.25rem
  }
  
  .left-8 {
      left: 2rem
  }
  
  .left-\[10\%\] {
      left: 10%
  }
  
  .left-\[23\%\] {
      left: 23%
  }
  
  .left-\[90px\] {
      left: 90px
  }
  
  .right-0 {
      right: 0
  }
  
  .right-5 {
      right: 1.25rem
  }
  
  .right-8 {
      right: 2rem
  }
  
  .right-\[-100px\] {
      right: -100px
  }
  
  .top-0 {
      top: 0
  }
  
  .top-1 {
      top: .25rem
  }
  
  .top-1\/2 {
      top: 50%
  }
  
  .top-10 {
      top: 2.5rem
  }
  
  .top-20 {
      top: 5rem
  }
  
  .top-24 {
      top: 6rem
  }
  
  .top-28 {
      top: 7rem
  }
  
  .top-5 {
      top: 1.25rem
  }
  
  .top-\[-150px\] {
      top: -150px
  }
  
  .top-\[110px\] {
      top: 110px
  }
  
  .top-\[20\%\] {
      top: 20%
  }
  
  .top-\[60px\] {
      top: 60px
  }
  
  .top-\[90px\] {
      top: 90px
  }
  
  .-z-0 {
      z-index: 0
  }
  
  .-z-10 {
      z-index: -10
  }
  
  .z-0 {
      z-index: 0
  }
  
  .z-10 {
      z-index: 10
  }
  
  .z-20 {
      z-index: 20
  }
  
  .z-30 {
      z-index: 30
  }
  
  .z-40 {
      z-index: 40
  }
  
  .z-50 {
      z-index: 50
  }
  
  .z-\[-1\] {
      z-index: -1
  }
  
  .z-\[99999999999999\] {
      z-index: 99999999999999
  }
  
  .order-1 {
      order: 1
  }
  
  .order-2 {
      order: 2
  }
  
  .order-3 {
      order: 3
  }
  
  .col-span-1 {
      grid-column: span 1/span 1
  }
  
  .col-span-2 {
      grid-column: span 2/span 2
  }
  
  .col-span-5 {
      grid-column: span 5/span 5
  }
  
  .row-span-2 {
      grid-row: span 2/span 2
  }
  
  .m-2 {
      margin: .5rem
  }
  
  .-mx-3 {
      margin-left: -.75rem;
      margin-right: -.75rem
  }
  
  .-mx-5 {
      margin-left: -1.25rem;
      margin-right: -1.25rem
  }
  
  .-mx-\[10px\] {
      margin-left: -10px;
      margin-right: -10px
  }
  
  .mx-0 {
      margin-left: 0;
      margin-right: 0
  }
  
  .mx-1 {
      margin-left: .25rem;
      margin-right: .25rem
  }
  
  .mx-12 {
      margin-left: 3rem;
      margin-right: 3rem
  }
  
  .mx-2 {
      margin-left: .5rem;
      margin-right: .5rem
  }
  
  .mx-auto {
      margin-left: auto;
      margin-right: auto
  }
  
  .my-1 {
      margin-top: .25rem;
      margin-bottom: .25rem
  }
  
  .my-10 {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem
  }
  
  .my-14 {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem
  }
  
  .my-2 {
      margin-top: .5rem;
      margin-bottom: .5rem
  }
  
  .my-20 {
      margin-top: 5rem;
      margin-bottom: 5rem
  }
  
  .my-3 {
      margin-top: .75rem;
      margin-bottom: .75rem
  }
  
  .my-5 {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem
  }
  
  .-mb-20 {
      margin-bottom: -5rem
  }
  
  .-ml-5 {
      margin-left: -1.25rem
  }
  
  .mb-1 {
      margin-bottom: .25rem
  }
  
  .mb-10 {
      margin-bottom: 2.5rem
  }
  
  .mb-14 {
      margin-bottom: 3.5rem
  }
  
  .mb-16 {
      margin-bottom: 4rem
  }
  
  .mb-2 {
      margin-bottom: .5rem
  }
  
  .mb-20 {
      margin-bottom: 5rem
  }
  
  .mb-24 {
      margin-bottom: 6rem
  }
  
  .mb-3 {
      margin-bottom: .75rem
  }
  
  .mb-32 {
      margin-bottom: 8rem
  }
  
  .mb-4 {
      margin-bottom: 1rem
  }
  
  .mb-5 {
      margin-bottom: 1.25rem
  }
  
  .mb-6 {
      margin-bottom: 1.5rem
  }
  
  .mb-7 {
      margin-bottom: 1.75rem
  }
  
  .mb-8 {
      margin-bottom: 2rem
  }
  
  .mb-\[21px\] {
      margin-bottom: 21px
  }
  
  .ml-2 {
      margin-left: .5rem
  }
  
  .ml-5 {
      margin-left: 1.25rem
  }
  
  .ml-auto {
      margin-left: auto
  }
  
  .mr-1 {
      margin-right: .25rem
  }
  
  .mr-10 {
      margin-right: 2.5rem
  }
  
  .mr-2 {
      margin-right: .5rem
  }
  
  .mr-5 {
      margin-right: 1.25rem
  }
  
  .mr-8 {
      margin-right: 2rem
  }
  
  .mr-auto {
      margin-right: auto
  }
  
  .mt-0 {
      margin-top: 0
  }
  
  .mt-1 {
      margin-top: .25rem
  }
  
  .mt-10 {
      margin-top: 2.5rem
  }
  
  .mt-14 {
      margin-top: 3.5rem
  }
  
  .mt-2 {
      margin-top: .5rem
  }
  
  .mt-20 {
      margin-top: 5rem
  }
  
  .mt-3 {
      margin-top: .75rem
  }
  
  .mt-4 {
      margin-top: 1rem
  }
  
  .mt-5 {
      margin-top: 1.25rem
  }
  
  .mt-7 {
      margin-top: 1.75rem
  }
  
  .mt-\[-115px\] {
      margin-top: -115px
  }
  
  .mt-\[21px\] {
      margin-top: 21px
  }
  
  .mt-\[50px\] {
      margin-top: 50px
  }
  
  .block {
      display: block
  }
  
  .inline-block {
      display: inline-block
  }
  
  .flex {
      display: flex
  }
  
  .inline-flex {
      display: inline-flex
  }
  
  .table {
      display: table
  }
  
  .table-cell {
      display: table-cell
  }
  
  .grid {
      display: grid
  }
  
  .contents {
      display: contents
  }
  
  .hidden {
      display: none
  }
  
  .h-1\/2 {
      height: 50%
  }
  
  .h-10 {
      height: 2.5rem
  }
  
  .h-16 {
      height: 4rem
  }
  
  .h-2 {
      height: .5rem
  }
  
  .h-2\/3 {
      height: 66.666667%
  }
  
  .h-20 {
      height: 5rem
  }
  
  .h-5 {
      height: 1.25rem
  }
  
  .h-7 {
      height: 1.75rem
  }
  
  .h-8 {
      height: 2rem
  }
  
  .h-\[130px\] {
      height: 130px
  }
  
  .h-\[1px\] {
      height: 1px
  }
  
  .h-\[200px\] {
      height: 200px
  }
  
  .h-\[300px\] {
      height: 300px
  }
  
  .h-\[450px\] {
      height: 450px
  }
  
  .h-\[50vh\] {
      height: 50vh
  }
  
  .h-\[52px\] {
      height: 52px
  }
  
  .h-\[60vh\] {
      height: 60vh
  }
  
  .h-\[700px\] {
      height: 700px
  }
  
  .h-\[80\%\] {
      height: 80%
  }
  
  .h-auto {
      height: auto
  }
  
  .h-full {
      height: 100%
  }
  
  .h-screen {
      height: 100vh
  }
  
  .max-h-\[415px\] {
      max-height: 415px
  }
  
  .max-h-\[450px\] {
      max-height: 450px
  }
  
  .max-h-\[485px\] {
      max-height: 485px
  }
  
  .max-h-\[600px\] {
      max-height: 600px
  }
  
  .max-h-\[800px\] {
      max-height: 800px
  }
  
  .max-h-\[80vh\] {
      max-height: 80vh
  }
  
  .max-h-\[900px\] {
      max-height: 900px
  }
  
  .min-h-\[400px\] {
      min-height: 400px
  }
  
  .min-h-\[425px\] {
      min-height: 425px
  }
  
  .min-h-\[500px\] {
      min-height: 500px
  }
  
  .min-h-\[600px\] {
      min-height: 600px
  }
  
  .min-h-\[620px\] {
      min-height: 620px
  }
  
  .min-h-\[680px\] {
      min-height: 680px
  }
  
  .w-1\/12 {
      width: 8.333333%
  }
  
  .w-1\/2 {
      width: 50%
  }
  
  .w-10 {
      width: 2.5rem
  }
  
  .w-11\/12 {
      width: 91.666667%
  }
  
  .w-14 {
      width: 3.5rem
  }
  
  .w-16 {
      width: 4rem
  }
  
  .w-2 {
      width: .5rem
  }
  
  .w-2\/6 {
      width: 33.333333%
  }
  
  .w-20 {
      width: 5rem
  }
  
  .w-3 {
      width: .75rem
  }
  
  .w-36 {
      width: 9rem
  }
  
  .w-4 {
      width: 1rem
  }
  
  .w-5 {
      width: 1.25rem
  }
  
  .w-6 {
      width: 1.5rem
  }
  
  .w-7 {
      width: 1.75rem
  }
  
  .w-8 {
      width: 2rem
  }
  
  .w-\[1024px\] {
      width: 1024px
  }
  
  .w-\[130px\] {
      width: 130px
  }
  
  .w-\[15px\] {
      width: 15px
  }
  
  .w-\[16\%\] {
      width: 16%
  }
  
  .w-\[193px\] {
      width: 193px
  }
  
  .w-\[200px\] {
      width: 200px
  }
  
  .w-\[230px\] {
      width: 230px
  }
  
  .w-\[250px\] {
      width: 250px
  }
  
  .w-\[257px\] {
      width: 257px
  }
  
  .w-\[25px\] {
      width: 25px
  }
  
  .w-\[280px\] {
      width: 280px
  }
  
  .w-\[300px\] {
      width: 300px
  }
  
  .w-\[32px\] {
      width: 32px
  }
  
  .w-\[90\%\] {
      width: 90%
  }
  
  .w-\[calc\(100\%_-_460px\)\] {
      width: calc(100% - 460px)
  }
  
  .w-auto {
      width: auto
  }
  
  .w-full {
      width: 100%
  }
  
  .w-screen {
      width: 100vw
  }
  
  .min-w-\[175px\] {
      min-width: 175px
  }
  
  .max-w-3xl {
      max-width: 48rem
  }
  
  .max-w-4xl {
      max-width: 56rem
  }
  
  .max-w-5xl {
      max-width: 64rem
  }
  
  .max-w-6xl {
      max-width: 72rem
  }
  
  .max-w-7xl {
      max-width: 80rem
  }
  
  .max-w-\[1100px\] {
      max-width: 1100px
  }
  
  .max-w-\[1134px\] {
      max-width: 1134px
  }
  
  .max-w-\[145px\] {
      max-width: 145px
  }
  
  .max-w-\[230px\] {
      max-width: 230px
  }
  
  .max-w-\[250px\] {
      max-width: 250px
  }
  
  .max-w-\[300px\] {
      max-width: 300px
  }
  
  .max-w-\[40\%\] {
      max-width: 40%
  }
  
  .max-w-\[450px\] {
      max-width: 450px
  }
  
  .max-w-\[80\%\] {
      max-width: 80%
  }
  
  .max-w-full {
      max-width: 100%
  }
  
  .max-w-lg {
      max-width: 32rem
  }
  
  .max-w-md {
      max-width: 28rem
  }
  
  .max-w-sm {
      max-width: 24rem
  }
  
  .max-w-xl {
      max-width: 36rem
  }
  
  .max-w-xs {
      max-width: 20rem
  }
  
  .shrink-0 {
      flex-shrink: 0
  }
  
  .grow {
      flex-grow: 1
  }
  
  .basis-1\/12 {
      flex-basis: 8.333333%
  }
  
  .basis-1\/3 {
      flex-basis: 33.333333%
  }
  
  .basis-1\/6 {
      flex-basis: 16.666667%
  }
  
  .basis-10\/12 {
      flex-basis: 83.333333%
  }
  
  .basis-11\/12 {
      flex-basis: 91.666667%
  }
  
  .basis-2\/12 {
      flex-basis: 16.666667%
  }
  
  .basis-2\/3 {
      flex-basis: 66.666667%
  }
  
  .basis-5\/6 {
      flex-basis: 83.333333%
  }
  
  .rotate-\[-130deg\] {
      --tw-rotate: -130deg
  }
  
  .rotate-\[-130deg\],.scale-90 {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .scale-90 {
      --tw-scale-x: .9;
      --tw-scale-y: .9
  }
  
  .transform {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .cursor-pointer {
      cursor: pointer
  }
  
  .list-disc {
      list-style-type: disc
  }
  
  .grid-cols-1 {
      grid-template-columns: repeat(1,minmax(0,1fr))
  }
  
  .grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }
  
  .grid-cols-7 {
      grid-template-columns: repeat(7,minmax(0,1fr))
  }
  
  .grid-cols-\[100\%\] {
      grid-template-columns: 100%
  }
  
  .flex-row {
      flex-direction: row
  }
  
  .flex-col {
      flex-direction: column
  }
  
  .flex-wrap {
      flex-wrap: wrap
  }
  
  .flex-nowrap {
      flex-wrap: nowrap
  }
  
  .items-start {
      align-items: flex-start
  }
  
  .items-end {
      align-items: flex-end
  }
  
  .items-center {
      align-items: center
  }
  
  .justify-start {
      justify-content: flex-start
  }
  
  .justify-end {
      justify-content: flex-end
  }
  
  .justify-center {
      justify-content: center
  }
  
  .justify-between {
      justify-content: space-between
  }
  
  .gap-0 {
      gap: 0
  }
  
  .gap-1 {
      gap: .25rem
  }
  
  .gap-10 {
      gap: 2.5rem
  }
  
  .gap-14 {
      gap: 3.5rem
  }
  
  .gap-16 {
      gap: 4rem
  }
  
  .gap-2 {
      gap: .5rem
  }
  
  .gap-20 {
      gap: 5rem
  }
  
  .gap-3 {
      gap: .75rem
  }
  
  .gap-4 {
      gap: 1rem
  }
  
  .gap-5 {
      gap: 1.25rem
  }
  
  .gap-7 {
      gap: 1.75rem
  }
  
  .gap-8 {
      gap: 2rem
  }
  
  .overflow-hidden {
      overflow: hidden
  }
  
  .overflow-visible {
      overflow: visible
  }
  
  .overflow-y-auto {
      overflow-y: auto
  }
  
  .overflow-x-hidden {
      overflow-x: hidden
  }
  
  .overflow-y-hidden {
      overflow-y: hidden
  }
  
  .overflow-x-visible {
      overflow-x: visible
  }
  
  .whitespace-pre-line {
      white-space: pre-line
  }
  
  .text-nowrap {
      text-wrap: nowrap
  }
  
  .rounded-full {
      border-radius: 9999px
  }
  
  .border {
      border-width: 1px
  }
  
  .border-2 {
      border-width: 2px
  }
  
  .border-\[1px\] {
      border-width: 1px
  }
  
  .border-b {
      border-bottom-width: 1px
  }
  
  .border-b-2 {
      border-bottom-width: 2px
  }
  
  .border-b-\[1px\] {
      border-bottom-width: 1px
  }
  
  .border-l-2 {
      border-left-width: 2px
  }
  
  .border-l-\[1px\] {
      border-left-width: 1px
  }
  
  .border-r-\[1px\] {
      border-right-width: 1px
  }
  
  .border-solid {
      border-style: solid
  }
  
  .border-\[\#444444\] {
      --tw-border-opacity: 1;
      border-color: rgb(68 68 68/var(--tw-border-opacity))
  }
  
  .border-\[\#ffffff59\] {
      border-color: #ffffff59
  }
  
  .border-thmBlack {
      --tw-border-opacity: 1;
      border-color: rgb(0 10 13/var(--tw-border-opacity))
  }
  
  .border-thmBrown {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .border-thmLightGray {
      --tw-border-opacity: 1;
      border-color: rgb(217 217 217/var(--tw-border-opacity))
  }
  
  .border-transparent {
      border-color: transparent
  }
  
  .border-white {
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity))
  }
  
  .border-opacity-20 {
      --tw-border-opacity: 0.2
  }
  
  .border-opacity-45 {
      --tw-border-opacity: 0.45
  }
  
  .border-opacity-50 {
      --tw-border-opacity: 0.5
  }
  
  .border-opacity-70 {
      --tw-border-opacity: 0.7
  }
  
  .bg-\[\#0B1216\] {
      --tw-bg-opacity: 1;
      background-color: rgb(11 18 22/var(--tw-bg-opacity))
  }
  
  .bg-\[\#1f1f1f\] {
      --tw-bg-opacity: 1;
      background-color: rgb(31 31 31/var(--tw-bg-opacity))
  }
  
  .bg-\[\#242424\] {
      --tw-bg-opacity: 1;
      background-color: rgb(36 36 36/var(--tw-bg-opacity))
  }
  
  .bg-\[\#363639\] {
      --tw-bg-opacity: 1;
      background-color: rgb(54 54 57/var(--tw-bg-opacity))
  }
  
  .bg-\[\#e6e5ea\] {
      --tw-bg-opacity: 1;
      background-color: rgb(230 229 234/var(--tw-bg-opacity))
  }
  
  .bg-\[\#f2f2f2\] {
      --tw-bg-opacity: 1;
      background-color: rgb(242 242 242/var(--tw-bg-opacity))
  }
  
  .bg-\[rgba\(250\2c _249\2c _249\2c _0\.02\)\] {
      background-color: hsla(0,9%,98%,.02)
  }
  
  .bg-black {
      --tw-bg-opacity: 1;
      background-color: rgb(0 0 0/var(--tw-bg-opacity))
  }
  
  .bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgb(243 244 246/var(--tw-bg-opacity))
  }
  
  .bg-thmBlack {
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity))
  }
  
  .bg-thmBrown {
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  .bg-thmCream {
      --tw-bg-opacity: 1;
      background-color: rgb(244 234 229/var(--tw-bg-opacity))
  }
  
  .bg-thmGreen {
      --tw-bg-opacity: 1;
      background-color: rgb(140 181 187/var(--tw-bg-opacity))
  }
  
  .bg-thmLightGreen {
      --tw-bg-opacity: 1;
      background-color: rgb(170 255 63/var(--tw-bg-opacity))
  }
  
  .bg-thmPink {
      --tw-bg-opacity: 1;
      background-color: rgb(206 133 117/var(--tw-bg-opacity))
  }
  
  .bg-transparent {
      background-color: transparent
  }
  
  .bg-white {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .bg-opacity-20 {
      --tw-bg-opacity: 0.2
  }
  
  .bg-opacity-40 {
      --tw-bg-opacity: 0.4
  }
  
  .bg-opacity-60 {
      --tw-bg-opacity: 0.6
  }
  
  .bg-opacity-80 {
      --tw-bg-opacity: 0.8
  }
  
  .bg-gradient-to-l {
      background-image: linear-gradient(to left,var(--tw-gradient-stops))
  }
  
  .bg-gradient-to-r {
      background-image: linear-gradient(to right,var(--tw-gradient-stops))
  }
  
  .bg-gradient-to-t {
      background-image: linear-gradient(to top,var(--tw-gradient-stops))
  }
  
  .from-\[\#242424\] {
      --tw-gradient-from: #242424 var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(36,36,36,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  }
  
  .from-thmBlack {
      --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(0,10,13,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
  }
  
  .via-\[\#242424\] {
      --tw-gradient-to: rgba(36,36,36,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),#242424 var(--tw-gradient-via-position),var(--tw-gradient-to)
  }
  
  .via-transparent {
      --tw-gradient-to: transparent var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)
  }
  
  .to-\[\#242424\] {
      --tw-gradient-to: #242424 var(--tw-gradient-to-position)
  }
  
  .to-transparent {
      --tw-gradient-to: transparent var(--tw-gradient-to-position)
  }
  
  .object-contain {
      -o-object-fit: contain;
      object-fit: contain
  }
  
  .object-cover {
      -o-object-fit: cover;
      object-fit: cover
  }
  
  .object-\[30\%_0\] {
      -o-object-position: 30% 0;
      object-position: 30% 0
  }
  
  .object-\[50\%_70\%\] {
      -o-object-position: 50% 70%;
      object-position: 50% 70%
  }
  
  .object-bottom {
      -o-object-position: bottom;
      object-position: bottom
  }
  
  .object-center {
      -o-object-position: center;
      object-position: center
  }
  
  .object-left {
      -o-object-position: left;
      object-position: left
  }
  
  .object-left-bottom {
      -o-object-position: left bottom;
      object-position: left bottom
  }
  
  .object-left-top {
      -o-object-position: left top;
      object-position: left top
  }
  
  .object-right {
      -o-object-position: right;
      object-position: right
  }
  
  .object-top {
      -o-object-position: top;
      object-position: top
  }
  
  .p-1 {
      padding: .25rem
  }
  
  .p-10 {
      padding: 2.5rem
  }
  
  .p-2 {
      padding: .5rem
  }
  
  .p-4 {
      padding: 1rem
  }
  
  .p-5 {
      padding: 1.25rem
  }
  
  .p-7 {
      padding: 1.75rem
  }
  
  .p-8 {
      padding: 2rem
  }
  
  .px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }
  
  .px-14 {
      padding-left: 3.5rem;
      padding-right: 3.5rem
  }
  
  .px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }
  
  .px-20 {
      padding-left: 5rem;
      padding-right: 5rem
  }
  
  .px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }
  
  .px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }
  
  .px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }
  
  .px-\[10px\] {
      padding-left: 10px;
      padding-right: 10px
  }
  
  .px-\[39px\] {
      padding-left: 39px;
      padding-right: 39px
  }
  
  .py-1 {
      padding-top: .25rem;
      padding-bottom: .25rem
  }
  
  .py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  .py-14 {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem
  }
  
  .py-2 {
      padding-top: .5rem;
      padding-bottom: .5rem
  }
  
  .py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem
  }
  
  .py-3 {
      padding-top: .75rem;
      padding-bottom: .75rem
  }
  
  .py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem
  }
  
  .py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem
  }
  
  .py-7 {
      padding-top: 1.75rem;
      padding-bottom: 1.75rem
  }
  
  .pb-0 {
      padding-bottom: 0
  }
  
  .pb-0\.5 {
      padding-bottom: .125rem
  }
  
  .pb-1 {
      padding-bottom: .25rem
  }
  
  .pb-10 {
      padding-bottom: 2.5rem
  }
  
  .pb-12 {
      padding-bottom: 3rem
  }
  
  .pb-14 {
      padding-bottom: 3.5rem
  }
  
  .pb-16 {
      padding-bottom: 4rem
  }
  
  .pb-2 {
      padding-bottom: .5rem
  }
  
  .pb-20 {
      padding-bottom: 5rem
  }
  
  .pb-24 {
      padding-bottom: 6rem
  }
  
  .pb-3 {
      padding-bottom: .75rem
  }
  
  .pb-4 {
      padding-bottom: 1rem
  }
  
  .pb-48 {
      padding-bottom: 12rem
  }
  
  .pb-5 {
      padding-bottom: 1.25rem
  }
  
  .pb-\[30px\] {
      padding-bottom: 30px
  }
  
  .pb-\[600px\] {
      padding-bottom: 600px
  }
  
  .pl-10 {
      padding-left: 2.5rem
  }
  
  .pl-2 {
      padding-left: .5rem
  }
  
  .pr-10 {
      padding-right: 2.5rem
  }
  
  .pr-2 {
      padding-right: .5rem
  }
  
  .pr-5 {
      padding-right: 1.25rem
  }
  
  .pt-0 {
      padding-top: 0
  }
  
  .pt-1 {
      padding-top: .25rem
  }
  
  .pt-10 {
      padding-top: 2.5rem
  }
  
  .pt-14 {
      padding-top: 3.5rem
  }
  
  .pt-2 {
      padding-top: .5rem
  }
  
  .pt-20 {
      padding-top: 5rem
  }
  
  .pt-24 {
      padding-top: 6rem
  }

  
  .pt-7 {
      padding-top: 1.75rem
  }
  
  .pt-8 {
      padding-top: 2rem
  }
  
  .text-left {
      text-align: left
  }
  
  .text-center {
      text-align: center
  }
  
  .text-right {
      text-align: right
  }
  
  .text-justify {
      text-align: justify
  }
  
  .align-top {
      vertical-align: top
  }
  
  .align-bottom {
      vertical-align: bottom
  }
  
  .text-\[10px\] {
      font-size: 10px
  }
  
  .text-\[12px\] {
      font-size: 12px
  }
  
  .text-\[15px\] {
      font-size: 15px
  }
  
  .text-\[21\.37px\] {
      font-size: 21.37px
  }
  
  .text-\[30px\] {
      font-size: 30px
  }
  
  .text-\[48px\] {
      font-size: 48px
  }
  
  .text-\[8\.45px\] {
      font-size: 8.45px
  }
  
  .text-\[8px\] {
      font-size: 8px
  }
  
  .text-base {
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem
  }
  
  .text-sm {
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
  }
  
  .text-xs {
      font-size: .75rem;
      line-height: 1rem
  }
  
  .font-bold {
      font-weight: 700
  }
  
  .font-light {
      font-weight: 300
  }
  
  .font-medium {
      font-weight: 500
  }
  
  .font-normal {
      font-weight: 400
  }
  
  .font-semibold {
      font-weight: 600
  }
  
  .uppercase {
      text-transform: uppercase
  }
  
  .capitalize {
      text-transform: capitalize
  }
  
  .italic {
      font-style: italic
  }
  
  .leading-4 {
      line-height: 1rem
  }
  
  .leading-8 {
      line-height: 2rem
  }
  
  .leading-\[21\.72px\] {
      line-height: 21.72px
  }
  
  .leading-\[26px\] {
      line-height: 26px
  }
  
  .leading-\[29px\] {
      line-height: 29px
  }
  
  .leading-\[50px\] {
      line-height: 50px
  }
  
  .leading-none {
      line-height: 1
  }
  
  .leading-normal {
      line-height: 1.5
  }
  
  .leading-relaxed {
      line-height: 1.625
  }
  
  .leading-snug {
      line-height: 1.375
  }
  
  .leading-tight {
      line-height: 1.25
  }
  
  .tracking-\[1\.23px\] {
      letter-spacing: 1.23px
  }
  
  .tracking-\[1px\] {
      letter-spacing: 1px
  }
  
  .tracking-wide {
      letter-spacing: .025em
  }
  
  .tracking-wider {
      letter-spacing: .05em
  }
  
  .tracking-widest {
      letter-spacing: .1em
  }
  
  .text-\[\#0e1114\] {
      --tw-text-opacity: 1;
      color: rgb(14 17 20/var(--tw-text-opacity))
  }
  
  .text-\[\#856535\] {
      --tw-text-opacity: 1;
      color: rgb(133 101 53/var(--tw-text-opacity))
  }
  
  .text-\[\#98BBA0\] {
      --tw-text-opacity: 1;
      color: rgb(152 187 160/var(--tw-text-opacity))
  }
  
  .text-\[\#BF9E77\] {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .text-\[\#F0D5F3\] {
      --tw-text-opacity: 1;
      color: rgb(240 213 243/var(--tw-text-opacity))
  }
  
  .text-\[\#FFFFFF\] {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .text-\[\#bf9e77\] {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .text-\[\#c7c7c7\] {
      --tw-text-opacity: 1;
      color: rgb(199 199 199/var(--tw-text-opacity))
  }
  
  .text-\[\#f5f5f5\] {
      --tw-text-opacity: 1;
      color: rgb(245 245 245/var(--tw-text-opacity))
  }
  
  .text-\[\#ffffff30\] {
      color: #ffffff30
  }
  
  .text-\[\#ffffff80\] {
      color: #ffffff80
  }
  
  .text-\[\#ffffff8f\] {
      color: #ffffff8f
  }
  
  .text-\[ffffffc2\] {
      color: ffffffc2
  }
  
  .text-black {
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .text-gray-400 {
      --tw-text-opacity: 1;
      color: rgb(156 163 175/var(--tw-text-opacity))
  }
  
  .text-thmBlack {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .text-thmBrown {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .text-thmDarkGray {
      --tw-text-opacity: 1;
      color: rgb(30 35 38/var(--tw-text-opacity))
  }
  
  .text-thmGray {
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .text-opacity-50 {
      --tw-text-opacity: 0.5
  }
  
  .text-opacity-60 {
      --tw-text-opacity: 0.6
  }
  
  .text-opacity-80 {
      --tw-text-opacity: 0.8
  }
  
  .text-opacity-90 {
      --tw-text-opacity: 0.9
  }
  
  .underline {
      text-decoration-line: underline
  }
  
  .underline-offset-1 {
      text-underline-offset: 1px
  }
  
  .opacity-0 {
      opacity: 0
  }
  
  .opacity-25 {
      opacity: .25
  }
  
  .opacity-60 {
      opacity: .6
  }
  
  .opacity-65 {
      opacity: .65
  }
  
  .opacity-70 {
      opacity: .7
  }
  
  .shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
  }
  
  .shadow-thmBlack {
      --tw-shadow-color: #000a0d;
      --tw-shadow: var(--tw-shadow-colored)
  }
  
  .outline-none {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .filter {
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .transition {
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .transition-all {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .transition-colors {
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .transition-opacity {
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .transition-transform {
      transition-property: transform;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .duration-1000 {
      transition-duration: 1s
  }
  
  .duration-200 {
      transition-duration: .2s
  }
  
  .duration-300 {
      transition-duration: .3s
  }
  
  .duration-500 {
      transition-duration: .5s
  }
  
  .ease-in {
      transition-timing-function: cubic-bezier(.4,0,1,1)
  }
  
  .ease-in-out {
      transition-timing-function: cubic-bezier(.4,0,.2,1)
  }
  
  .ease-linear {
      transition-timing-function: linear
  }
  
  body,html {
      scroll-behavior: smooth!important
  }
  
  .h1 {
      display: inline-block;
      font-size: 32px
  }
  
  @media (min-width: 640px) {
      .h1 {
          font-size:45px
      }
  }
  
  @media (min-width: 1024px) {
      .h1 {
          font-size:50px
      }
  }
  
  @media (min-width: 1280px) {
      .h1 {
          font-size:64px
      }
  }
  
  @media (min-width: 1540px) {
      .h1 {
          font-size:80px
      }
  }
  
  .h1 {
      line-height: 110%
  }
  
  .h2 {
      font-size: 28px
  }
  
  @media (min-width: 768px) {
      .h2 {
          font-size:36px
      }
  }
  
  @media (min-width: 1024px) {
      .h2 {
          font-size:45px
      }
  }
  
  @media (min-width: 1540px) {
      .h2 {
          font-size:50px
      }
  }
  
  .h2 {
      line-height: 110%
  }
  
  .h3 {
      font-size: 24px;
      line-height: 1.25
  }
  
  @media (min-width: 768px) {
      .h3 {
          font-size:28px
      }
  }
  
  @media (min-width: 1024px) {
      .h3 {
          font-size:35px
      }
  }
  
  @media (min-width: 1540px) {
      .h3 {
          font-size:45px
      }
  }
  
  .h4 {
      font-size: 20px
  }
  
  @media (min-width: 768px) {
      .h4 {
          font-size:24px
      }
  }
  
  @media (min-width: 1024px) {
      .h4 {
          font-size:30px
      }
  }
  
  .h4 {
      line-height: 110%
  }
  
  .h5 {
      font-size: 18px;
      line-height: 2rem
  }
  
  @media (min-width: 768px) {
      .h5 {
          font-size:22px
      }
  }
  
  .h6 {
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  @media (min-width: 550px) {
      .h6 {
          font-size:1.25rem;
          line-height: 1.75rem
      }
  }
  
  .h6 {
      line-height: 110%
  }
  
  .paraOne {
      font-size: 16px
  }
  
  .paraTwo {
      font-size: 14px
  }
  
  .paraThree {
      font-size: 12px
  }
  
  .eleganceGradient {
      background: linear-gradient(0deg,rgba(0,10,13,.65),rgba(0,10,13,.65) 50%,rgba(0,10,13,.65))
  }
  
  .eleganceGradient,.imgGradient {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 10;
      height: 100%;
      width: 100%
  }
  
  .imgGradient {
      background: linear-gradient(0deg,rgba(0,10,13,.5),rgba(0,10,13,0) 50%,rgba(0,10,13,0))
  }
  
  .menu-name {
      border-bottom-width: 1px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.2;
      padding-top: .6rem;
      padding-bottom: .6rem;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .drop,.menu-name:hover {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .drop {
      display: flex;
      align-items: center;
      justify-content: space-between;
      fill: #bf9e77
  }
  
  .drop .downArrow svg path {
      fill: #fff;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .drop .menutitle {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .drop:hover .menutitle {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .drop:hover svg path {
      fill: #bf9e77
  }
  
  .active {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .BnwBuilding svg path,.active {
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .BnwBuilding svg path {
      fill: #fff
  }
  
  .closeBtn svg path {
      stroke: #fff;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .closeBtn:hover svg path {
      stroke: #bf9e77
  }
  
  .navBg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      height: 90px;
      width: 100%
  }
  
  @media (min-width: 1024px) {
      .navBg {
          height:130px
      }
  }
  
  .navbarGradient {
      background: linear-gradient(180deg,rgba(0,10,13,.6),rgba(0,10,13,0))
  }
  
  .comingSoonGradient {
      background: rgba(0,10,12,.8)
  }
  
  .bannerGradient {
      background: linear-gradient(0deg,#000a0c,rgba(0,10,12,.8) 60%,rgba(0,10,13,0))
  }
  
  .goldGradient {
      background: linear-gradient(180deg,#242424,#000a0d)
  }
  
  .sound-btn {
      position: relative;
      z-index: 0;
      min-width: 100px;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      padding: .625rem 1.25rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .sound-btn .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  @media (min-width: 1024px) {
      .sound-btn:hover {
          --tw-bg-opacity:1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity));
          --tw-text-opacity: 1;
          color: rgb(0 10 13/var(--tw-text-opacity))
      }
  }
  
  .holow-btn {
      position: relative;
      z-index: 0;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .holow-btn .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .holow-btn:hover {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .thm-btn-1 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .thm-btn-1:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      background: radial-gradient(18.62% 119.64% at 105.26% 119.64%,rgba(255,250,240,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(30.77% 108.93% at -8.5% -33.93%,hsla(0,0%,100%,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(32.02% 32.09% at 51.45% 86.93%,rgba(255,247,231,.38) 0,rgba(203,152,61,.38) 86.4%)
  }
  
  .thm-btn-1:after,.thm-btn-1:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .thm-btn-1:after {
      z-index: -2;
      background: radial-gradient(18.62% 119.64% at 105.26% 119.64%,rgba(255,250,240,.41) 0,hsla(39,65%,64%,.41) 100%),radial-gradient(30.77% 108.93% at -8.5% -33.93%,hsla(0,0%,100%,.41) 0,hsla(39,65%,64%,.41) 100%),radial-gradient(32.02% 32.09% at 51.45% 86.93%,#fff7e7 0,#dfb569 86.4%)
  }
  
  .thm-btn-1 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-1:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .thm-btn-4 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(0 10 13/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .thm-btn-4:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-4:after,.thm-btn-4:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-bg-opacity: 1;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .thm-btn-4:after {
      z-index: -2;
      background-color: rgb(0 10 13/var(--tw-bg-opacity))
  }
  
  .thm-btn-4 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-4:hover {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .thm-btn-4:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .thm-btn-5 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(0 10 13/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-5:before {
      z-index: -1;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: ""
  }
  
  .thm-btn-5:after,.thm-btn-5:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      content: var(--tw-content)
  }
  
  .thm-btn-5:after {
      z-index: -2;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-content: ""
  }
  
  .thm-btn-5 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-5:hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .thm-btn-5:hover:after {
      --tw-translate-x: -100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 0
  }
  
  .thm-btn-6 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(0 10 13/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-6:before {
      z-index: -1;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: ""
  }
  
  .thm-btn-6:after,.thm-btn-6:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      content: var(--tw-content)
  }
  
  .thm-btn-6:after {
      z-index: -2;
      --tw-translate-x: -100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-content: ""
  }
  
  .thm-btn-6 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-6:hover {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .thm-btn-6:hover:after {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .roleBtn {
      position: relative;
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      background-color: transparent;
      padding: .75rem 1.25rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .roleBtn,.roleBtn svg path {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .roleBtn svg path {
      fill: #bf9e77;
      stroke: #bf9e77;
      stroke-width: 2px
  }
  
  .roleBtn:before {
      z-index: -1;
      --tw-translate-x: 100%;
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      --tw-content: "";
      background: radial-gradient(18.62% 119.64% at 105.26% 119.64%,rgba(255,250,240,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(30.77% 108.93% at -8.5% -33.93%,hsla(0,0%,100%,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(32.02% 32.09% at 51.45% 86.93%,rgba(255,247,231,.38) 0,rgba(203,152,61,.38) 86.4%)
  }
  
  .roleBtn:after,.roleBtn:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      content: var(--tw-content)
  }
  
  .roleBtn:after {
      z-index: -2;
      --tw-translate-x: 0%;
      --tw-bg-opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .35s;
      --tw-content: ""
  }
  
  .roleBtn:hover {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .roleBtn:hover svg path {
      fill: #000a0d;
      stroke: #000a0d
  }
  
  .roleBtn:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .roleBtn:hover:after {
      opacity: 1;
      background-color: #fff
  }
  
  .thm-btn-2 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      background-color: transparent;
      padding: .75rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-2 .borderDiv {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -2;
      height: 100%;
      width: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .thm-btn-2:before {
      z-index: -1;
      opacity: 0;
      background: radial-gradient(18.62% 119.64% at 105.26% 119.64%,rgba(255,250,240,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(30.77% 108.93% at -8.5% -33.93%,hsla(0,0%,100%,.34) 0,rgba(203,152,61,.34) 100%),radial-gradient(32.02% 32.09% at 51.45% 86.93%,rgba(255,247,231,.38) 0,rgba(203,152,61,.38) 86.4%)
  }
  
  .thm-btn-2:after,.thm-btn-2:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .thm-btn-2:after {
      z-index: -2
  }
  
  .thm-btn-2 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-2 .iconOutter svg path {
      fill: #bf9e77;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-2:hover {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .thm-btn-2:hover:after,.thm-btn-2:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .thm-btn-2:hover:after {
      background-color: #fff
  }
  
  .thm-btn-2:hover svg path {
      fill: #000a0d
  }
  
  .thm-btn-3 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      padding: .875rem 3rem;
      font-size: .75rem;
      line-height: 1rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-3:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .thm-btn-3:after,.thm-btn-3:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-bg-opacity: 1;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .thm-btn-3:after {
      z-index: -2;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .thm-btn-3 .iconOutter {
      display: flex;
      height: 1.25rem;
      width: 1.25rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 0 7px 0 #865d1d
  }
  
  .thm-btn-3:hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .thm-btn-3:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .social-link {
      padding: .5rem
  }
  
  .social-link svg path {
      fill: #f5f5f5;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .2s;
      transition-timing-function: linear
  }
  
  .social-link:hover svg path {
      fill: #bf9e77
  }
  
  .social-btn-1 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .social-btn-1:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      background: linear-gradient(90deg,#917551,#d7b670 50%,#917551)
  }
  
  .social-btn-1:after,.social-btn-1:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .social-btn-1:after {
      z-index: -2;
      background: linear-gradient(90deg,#a7814d,#d7b670 50%,#c09152)
  }
  
  .social-btn-1:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .social-btn-2 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .social-btn-2:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      background-color: #56565690;
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear;
      --tw-content: ""
  }
  
  .social-btn-2:after,.social-btn-2:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      content: var(--tw-content)
  }
  
  .social-btn-2:after {
      z-index: -2;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-content: ""
  }
  
  .social-btn-2:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .social-btn-3 {
      position: relative;
      z-index: 0;
      overflow: hidden;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .social-btn-3:before {
      z-index: -1;
      --tw-translate-x: 100%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      border: 2px solid #56565690;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      opacity: 0;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .social-btn-3:after,.social-btn-3:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .social-btn-3:after {
      z-index: -2;
      background-color: #56565690
  }
  
  .social-btn-3:hover:before {
      --tw-translate-x: 0%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      opacity: 1
  }
  
  .sliderArrows svg path {
      fill: #fff
  }
  
  .height {
      height: 100%
  }
  
  @media (min-width: 1024px) {
      .height {
          height:100vh
      }
  }
  
  #height,.height {
      min-height: 500px
  }
  
  @media (min-width: 1024px) {
      #height {
          height:95vh
      }
  }
  
  #heightTeamNew {
      height: 43vh
  }
  
  @media (min-width: 768px) {
      #heightTeamNew {
          height:50vh
      }
  }
  
  @media (min-width: 1024px) {
      #heightTeamNew {
          height:50vh
      }
  }
  
  @media (min-width: 1280px) {
      #heightTeamNew {
          height:50vh
      }
  }
  
  @media (min-width: 1540px) {
      #heightTeamNew {
          height:50vh
      }
  }
  
  #privacyHeight {
      height: 30vh
  }
  
  @media (min-width: 768px) {
      #privacyHeight {
          height:30vh
      }
  }
  
  @media (min-width: 1024px) {
      #privacyHeight {
          height:40vh
      }
  }
  
  #leaderHeight {
      height: 100%
  }
  
  @media (min-width: 1024px) {
      #leaderHeight {
          min-height:600px
      }
  }
  
  @media (min-width: 1280px) {
      #leaderHeight {
          height:80vh
      }
  }
  
  .backToTopBtnOutter .backToTopBtn {
      position: fixed;
      right: 7rem;
      bottom: 2rem;
      z-index: 0;
      cursor: pointer;
      border-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      padding: .625rem;
      opacity: .8;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      transition-duration: .3s;
      transition-timing-function: ease
  }
  
  .backToTopBtnOutter .backToTopBtn:hover {
      opacity: 1
  }
  
  .backToTopBtnOutter .backToTopBtn svg {
      --tw-rotate: 180deg;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .backToTopBtnOutter .backToTopBtn svg path {
      fill: #bf9e77;
      stroke: #bf9e77
  }
  
  header .navbar {
      display: grid;
      grid-template-columns: repeat(3,minmax(0,1fr));
      align-items: flex-start
  }
  
  @media (min-width: 1024px) {
      header .navbar {
          grid-template-columns:40% 20% 40%
      }
  }
  
  header .navbar .callBtn {
      display: none
  }
  
  @media (min-width: 1024px) {
      header .navbar .callBtn {
          display:block
      }
  }
  
  header .navbar .callBtn .dot {
      height: .5rem;
      width: .5rem;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(170 255 63/var(--tw-bg-opacity))
  }
  
  header .navbar .callBtn .slogan {
      text-wrap: nowrap;
      font-size: 10px
  }
  
  header .navbar .socialMedia {
      display: block
  }
  
  @media (min-width: 1024px) {
      header .navbar .socialMedia {
          display:none
      }
  }
  
  header .navbar .socialMedia .iconOutter {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .5rem
  }
  
  header .navbar .socialMedia .iconOutter .icon {
      display: flex;
      height: 30px;
      width: 30px;
      align-items: center;
      justify-content: center;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  header .navbar .socialMedia .iconOutter .icon:hover {
      --tw-bg-opacity: 0.7
  }
  
  header .navbar .socialMedia .iconOutter .icon svg {
      height: 18px
  }
  
  header .navbar .socialMedia .iconOutter .icon svg path {
      fill: #fff
  }
  
  header .navbar .navLogo {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      height: 60px;
      width: 60px
  }
  
  @media (min-width: 1024px) {
      header .navbar .navLogo {
          height:130px;
          width: 130px
      }
  }
  
  header .navbar .menuOutter {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 1.25rem
  }
  
  header .navbar .menuOutter .menuIcon {
      margin-top: .625rem
  }
  
  @media (min-width: 1024px) {
      header .navbar .menuOutter .menuIcon {
          margin-top:0
      }
  }
  
  header .navbar .menuOutter .menuIcon svg {
      height: 20px
  }
  
  @media (min-width: 1024px) {
      header .navbar .menuOutter .menuIcon svg {
          height:25px
      }
  }
  
  header .navbar .menuOutter .menuIcon svg path {
      fill: #fff;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  header .navbar .menuOutter .menuIcon:hover svg path {
      fill: #bf9e77
  }
  
  header .navbar .menuOutter .lungBtnCnt .ReactFlagsSelect-module_flagsSelect__2pfa2 {
      padding-bottom: 0
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn {
      border-radius: 0;
      border-width: 2px;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.3;
      background-color: transparent;
      padding: 0 .5rem 0 .25rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded=true]:after {
      --tw-border-opacity: 1;
      border-bottom-color: rgb(255 255 255/var(--tw-border-opacity))
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded=true]:where([dir=ltr],[dir=ltr] *):after {
      margin-left: 0;
      margin-top: 0
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded=false]:after {
      --tw-border-opacity: 1;
      border-top-color: rgb(255 255 255/var(--tw-border-opacity))
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn[aria-expanded=false]:where([dir=ltr],[dir=ltr] *):after {
      margin-left: 0
  }
  
  header .navbar .menuOutter .lungBtnCnt #rfs-btn span {
      margin-top: .125rem;
      margin-bottom: .125rem;
      padding-left: .25rem;
      padding-right: .25rem;
      text-transform: uppercase
  }
  
  header .navbar .menuOutter .lungBtnCnt ul {
      width: -moz-min-content;
      width: min-content;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  header .navbar .menuOutter .lungBtnCnt ul:where([dir=ltr],[dir=ltr] *) {
      left: -.5rem
  }
  
  header .navbar .menuOutter .lungBtnCnt ul:where([dir=rtl],[dir=rtl] *) {
      right: -.5rem
  }
  
  header .navbar .menuOutter .lungBtnCnt ul .ReactFlagsSelect-module_label__27pw9:where([dir=rtl],[dir=rtl] *) {
      padding-right: .5rem
  }
  
  header .navbar .menuOutter .lungBtnCnt .lungDropdown {
      position: absolute;
      top: 2.25rem;
      left: 0;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      padding: .25rem;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      header .navbar .menuOutter .lungBtnCnt .lungDropdown {
          padding:.25rem .5rem
      }
  }
  
  header .navbar .menuOutter .lungBtnCnt:hover {
      --tw-border-opacity: 0.8
  }
  
  header .navbar .menuOutter .lungBtnCnt option {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  header .navbar .menuOutter .lungBtnCnt option,header .navbar .menuOutter .lungBtnCnt option:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  header .navbar .menuOutter .lungBtn {
      background-color: transparent
  }
  
  header .navbar .menuOutter .lungBtn,header .navbar .menuOutter .lungBtn:active,header .navbar .menuOutter .lungBtn:focus {
      border-width: 0;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .logoLoading,.logoNew {
      position: absolute;
      top: 0;
      z-index: 20
  }
  
  .logoLoading {
      animation: loading-crossfade 4s ease-in-out infinite
  }
  
  .logoLoading:first-of-type,.logoLoading:nth-of-type(2) {
      animation-delay: 0s
  }
  
  .header {
      position: relative;
      z-index: 0
  }
  
  .imgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      display: inline-block;
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      background: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2))
  }
  
  .serviceOutter .slick-slider .slick-slide {
      padding: 0 10px
  }
  
  .serviceOutter .slick-slider .slide {
      position: relative;
      z-index: 0;
      height: 450px;
      overflow: hidden;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  @media (min-width: 768px) {
      .serviceOutter .slick-slider .slide {
          height:350px
      }
  }
  
  @media (min-width: 1024px) {
      .serviceOutter .slick-slider .slide {
          height:450px
      }
  }
  
  .serviceOutter .slick-slider .slide:hover {
      cursor: pointer
  }
  
  .serviceOutter .slick-slider .slide img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover
  }
  
  .serviceOutter .slick-slider .slide .overlay {
      position: absolute;
      top: 0;
      z-index: 10;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 1.25rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .serviceOutter .slick-slider .slide .overlay .content {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      background-color: transparent;
      font-size: .875rem;
      line-height: 1.25rem;
      letter-spacing: .025em
  }
  
  @media (min-width: 640px) {
      .serviceOutter .slick-slider .slide .overlay .content {
          gap:.5rem
      }
  }
  
  .serviceOutter .slick-slider .slide .overlay .content span {
      font-weight: 600
  }
  
  .serviceOutter .slick-slider .slide .overlay:hover>.imgHover {
      display: block
  }
  
  .serviceOutter .slick-slider .slide .overlay1 {
      background: linear-gradient(180deg,rgba(67,67,78,0),rgba(67,67,78,0) 50%,#222258)
  }
  
  .serviceOutter .slick-slider .slide .overlay1,.serviceOutter .slick-slider .slide .overlay2 {
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .serviceOutter .slick-slider .slide .overlay2 {
      background: linear-gradient(180deg,rgba(0,10,13,0),rgba(67,67,78,0) 50%,#0a3838)
  }
  
  .serviceOutter .slick-slider .slide .overlay3 {
      background: linear-gradient(180deg,rgba(0,10,13,0),rgba(67,67,78,0) 50%,#a98557)
  }
  
  .serviceOutter .slick-slider .slide .overlay3,.serviceOutter .slick-slider .slide .overlay4 {
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .serviceOutter .slick-slider .slide .overlay4 {
      background: linear-gradient(180deg,rgba(21,83,102,0) 25%,rgba(67,67,78,0) 50%,#02234a)
  }
  
  .serviceOutter .slick-slider .slide .overlay5 {
      background: linear-gradient(180deg,rgba(0,10,13,0),rgba(67,67,78,0) 50%,#610c0c)
  }
  
  .serviceOutter .slick-slider .slide .overlay5,.serviceOutter .slick-slider .slide .overlay6 {
      height: 100%;
      width: 100%;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .serviceOutter .slick-slider .slide .overlay6 {
      background: linear-gradient(180deg,rgba(0,10,13,0),rgba(67,67,78,0) 50%,#2d4c68)
  }
  
  .serviceOutter .slick-slider .slide:hover .overlay1,.serviceOutter .slick-slider .slide:hover .overlay2,.serviceOutter .slick-slider .slide:hover .overlay3,.serviceOutter .slick-slider .slide:hover .overlay4,.serviceOutter .slick-slider .slide:hover .overlay5,.serviceOutter .slick-slider .slide:hover .overlay6 {
      background: linear-gradient(180deg,transparent,rgba(0,0,0,.7))
  }
  
  .ctaOne {
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .ctaOne {
          padding-bottom:5rem
      }
  }
  
  @media (min-width: 1280px) {
      .ctaOne {
          padding-bottom:13rem
      }
  }
  
  .ctaForm {
      display: flex;
      flex-direction: column;
      gap: .75rem
  }
  
  .ctaForm .input {
      width: 100%;
      border-width: 0;
      padding: .75rem;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity));
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .ctaForm .react-tel-input {
      border-style: none
  }
  
  .ctaForm .react-tel-input .flag-dropdown {
      border-width: 0;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      padding-left: .5rem;
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .ctaForm .react-tel-input .flag-dropdown .country-list,.ctaForm .react-tel-input input {
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .ctaForm .react-tel-input input {
      height: 56px;
      width: 100%;
      border-radius: 0;
      border-width: 0;
      padding: .75rem .75rem .75rem 3rem;
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .logoSection .logoSlider {
      margin-top: 1.25rem
  }
  
  .logoSection .logoSlider .slide {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .logoSection .logoSlider .slide {
          padding-left:2.5rem;
          padding-right: 2.5rem
      }
  }
  
  .logoSection .logoSlider .slide .logoOutter {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      opacity: .5
  }
  
  .logoSection .logoSlider .slide .logoOutter,.logoSection .logoSlider .slide .logoOutter img {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .logoSection .logoSlider .slide .logoOutter img {
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .logoSection .logoSlider .slide:hover .logoOutter {
      opacity: 1
  }
  
  .logoSection .logoSlider .slide:hover .logoOutter img {
      opacity: 1;
      --tw-grayscale: grayscale(0);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .venturesOutter {
      padding: .75rem
  }
  
  .venturesOutter .venturesInner {
      position: relative;
      z-index: 0;
      overflow: hidden
  }
  
  .venturesOutter .venturesInner .imageOutter img {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .2s;
      transition-timing-function: linear
  }
  
  .venturesOutter .venturesInner .overlayText {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background-image: linear-gradient(to top,var(--tw-gradient-stops));
      --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(0,10,13,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
      --tw-gradient-to: transparent var(--tw-gradient-to-position);
      padding: 2.5rem
  }
  
  .venturesOutter .venturesInner .overlayText .h6 {
      font-size: 1rem;
      line-height: 1.5rem;
      text-transform: uppercase;
      letter-spacing: .1em;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .venturesOutter .venturesInner:hover>.imgHover {
      display: block
  }
  
  .venturesOutter:hover .venturesInner {
      cursor: pointer
  }
  
  .venturesOutter:hover .venturesInner .imageOutter img {
      --tw-scale-x: 1.25;
      --tw-scale-y: 1.25;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .projectOutter {
      display: flex;
      flex-direction: column;
      gap: 2.5rem
  }
  
  .projectOutter .img {
      height: 280px;
      -o-object-fit: cover;
      object-fit: cover
  }
  
  @media (min-width: 1024px) {
      .projectOutter .img {
          height:250px
      }
  }
  
  @media (min-width: 1540px) {
      .projectOutter .img {
          height:280px
      }
  }
  
  .projectOutter .imgRow {
      display: flex;
      flex-direction: column;
      gap: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .projectOutter .imgRow {
          flex-direction:row
      }
  }
  
  .projectOutter .imgRow .projectImgOutter {
      overflow: hidden
  }
  
  @media (min-width: 1024px) {
      .projectOutter .imgRow:first-child {
          margin-right:7rem
      }
  }
  
  @media (min-width: 1280px) {
      .projectOutter .imgRow:first-child {
          max-width:1024px;
          padding-right: 5rem
      }
  }
  
  @media (min-width: 1540px) {
      .projectOutter .imgRow:first-child {
          max-width:1280px
      }
  }
  
  @media (min-width: 1024px) {
      .projectOutter .imgRow:nth-child(2) {
          margin-right:4rem;
          margin-left: 4rem
      }
  }
  
  @media (min-width: 1280px) {
      .projectOutter .imgRow:nth-child(2) {
          max-width:1024px
      }
  }
  
  @media (min-width: 1540px) {
      .projectOutter .imgRow:nth-child(2) {
          max-width:1280px
      }
  }
  
  @media (min-width: 1024px) {
      .projectOutter .imgRow:nth-child(3) {
          margin-left:0
      }
  }
  
  @media (min-width: 1280px) {
      .projectOutter .imgRow:nth-child(3) {
          margin-left:auto;
          max-width: 1024px
      }
  }
  
  @media (min-width: 1540px) {
      .projectOutter .imgRow:nth-child(3) {
          max-width:1280px
      }
  }
  
  .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {
      margin-left: auto
  }
  
  @media (min-width: 1024px) {
      .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {
          width:540px
      }
  }
  
  @media (min-width: 1280px) {
      .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {
          width:540px
      }
  }
  
  @media (min-width: 1540px) {
      .projectOutter .imgRow:nth-child(3) .projectImgOutter:first-child {
          width:555px
      }
  }
  
  .projectOutter .imgRow:nth-child(3) .projectImgOutter:nth-child(2) {
      margin-left: auto;
      max-width: 640px
  }
  
  .projectOutter .projectImgOutter {
      position: relative;
      z-index: 0;
      overflow: hidden
  }
  
  .projectOutter .projectImgOutter:hover {
      cursor: pointer
  }
  
  .projectOutter .projectImgOutter .overlay {
      position: absolute;
      top: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.25rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .projectOutter .projectImgOutter .overlay svg path {
      fill: #fff
  }
  
  .projectOutter .projectImgOutter .overlay .viewBtn {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .projectOutter .projectImgOutter .overlay1 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(23,139,255,.6) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(23,139,255,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(23,139,255,.6) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter .overlay2 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(142,115,91,61%) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(142,115,91,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(142,115,91,61%) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter .overlay3 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(20,92,83,51%) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(20,92,83,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(20,92,83,51%) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter .overlay4 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(48,63,203,47%) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(48,63,203,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(48,63,203,47%) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter .overlay5 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(91,125,170,.6) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(91,125,170,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(91,125,170,.6) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter .overlay6 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(159,127,34,.5) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(159,127,34,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(159,127,34,.5) var(--tw-gradient-to-position)
  }
  
  .projectOutter .projectImgOutter:hover>.overlay1,.projectOutter .projectImgOutter:hover>.overlay2,.projectOutter .projectImgOutter:hover>.overlay3,.projectOutter .projectImgOutter:hover>.overlay4,.projectOutter .projectImgOutter:hover>.overlay5,.projectOutter .projectImgOutter:hover>.overlay6 {
      background: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4))
  }
  
  .projectOutter .projectImgOutter:hover>.imgHover {
      display: block
  }
  
  .newDevelopments {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2.5rem
  }
  
  @media (min-width: 768px) {
      .newDevelopments {
          align-items:flex-start
      }
  }
  
  .newDevelopments .img {
      width: 452px;
      -o-object-fit: cover;
      object-fit: cover
  }
  
  @media (min-width: 768px) {
      .newDevelopments .img {
          width:340px
      }
  }
  
  @media (min-width: 1024px) {
      .newDevelopments .img {
          width:452px
      }
  }
  
  .newDevelopments .imgRow {
      display: flex;
      flex-direction: column;
      gap: 2.5rem
  }
  
  @media (min-width: 768px) {
      .newDevelopments .imgRow {
          flex-direction:row
      }
  }
  
  .newDevelopments .projectImgOutter {
      position: relative;
      max-width: 425px;
      overflow: hidden
  }
  
  .newDevelopments .projectImgOutter:hover {
      cursor: pointer
  }
  
  .newDevelopments .projectImgOutter .overlay {
      position: absolute;
      top: 0;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .newDevelopments .projectImgOutter .overlay1 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(30,96,115,.6) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(30,96,115,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(3,159,206,.5) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter .overlay2 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(0,0,0,.41) var(--tw-gradient-from-position);
      --tw-gradient-to: transparent var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(0,0,0,.41) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter .overlay3 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(4,41,232,.21) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(4,41,232,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(4,41,232,.21) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter .overlay4 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(48,63,203,.47) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(48,63,203,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(48,63,203,.47) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter .overlay5 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: hsla(37,84%,95%,.12) var(--tw-gradient-from-position);
      --tw-gradient-to: hsla(37,84%,95%,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: hsla(37,84%,95%,.12) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter .overlay6 {
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: rgba(220,154,222,.2) var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(220,154,222,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: rgba(220,154,222,.2) var(--tw-gradient-to-position)
  }
  
  .newDevelopments .projectImgOutter:hover>.overlay1,.newDevelopments .projectImgOutter:hover>.overlay2,.newDevelopments .projectImgOutter:hover>.overlay3,.newDevelopments .projectImgOutter:hover>.overlay4,.newDevelopments .projectImgOutter:hover>.overlay5,.newDevelopments .projectImgOutter:hover>.overlay6 {
      background: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3))
  }
  
  .newDevelopments .projectImgOutter:hover>.imgHover {
      display: block
  }
  
  .officeImage .slick-dots {
      bottom: 2.5rem;
      z-index: 10
  }
  
  .officeImage .slick-dots .slick-active button:before,.officeImage .slick-dots li button:before {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .officeImage .slick-dots li button:before {
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .headOffice .sliderArrows {
      background: linear-gradient(90deg,rgba(1,0,0,.6),rgba(1,0,0,0) 8%,rgba(1,0,0,0) 92%,rgba(1,0,0,.6))
  }
  
  .reviewOutter {
      position: relative
  }
  
  @media (min-width: 1280px) {
      .reviewOutter {
          padding-right:12rem
      }
  }
  
  .reviewOutter .slick-slider .slick-list {
      overflow: visible
  }
  
  .reviewOutter .slick-slider .slick-list .slick-slide {
      padding: 0 15px 0 0
  }
  
  .reviewOutter .reviewBox {
      position: relative;
      height: 100%;
      min-height: 290px;
      width: 100%;
      overflow: hidden;
      background-color: rgba(12,27,32,.5);
      padding: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .reviewOutter .reviewBox {
          padding:1.75rem
      }
  }
  
  .reviewOutter .reviewBox:hover>.imgHover {
      display: block
  }
  
  .reviewOutter:before {
      position: absolute;
      left: -100%;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .objextiveOutter {
      position: relative;
      padding-right: 5rem
  }
  
  @media (min-width: 640px) {
      .objextiveOutter {
          padding-right:0
      }
  }
  
  @media (min-width: 768px) {
      .objextiveOutter {
          padding-right:5rem
      }
  }
  
  @media (min-width: 1024px) {
      .objextiveOutter {
          padding-right:0
      }
  }
  
  @media (min-width: 1280px) {
      .objextiveOutter {
          padding-right:5rem
      }
  }
  
  @media (min-width: 1540px) {
      .objextiveOutter {
          padding-right:0
      }
  }
  
  .objextiveOutter .slick-slider .slick-list {
      overflow: visible
  }
  
  .objextiveOutter .slick-slider .slick-list .slick-slide {
      padding: 0 15px 0 0
  }
  
  .objextiveOutter .reviewBox {
      position: relative;
      height: 410px;
      min-height: 300px;
      width: 100%;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(68 68 68/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      --tw-bg-opacity: 1;
      background-color: rgb(31 31 31/var(--tw-bg-opacity));
      padding: 1.25rem
  }
  
  @media (min-width: 550px) {
      .objextiveOutter .reviewBox {
          height:100%
      }
  }
  
  @media (min-width: 640px) {
      .objextiveOutter .reviewBox {
          height:350px
      }
  }
  
  @media (min-width: 768px) {
      .objextiveOutter .reviewBox {
          height:330px
      }
  }
  
  @media (min-width: 1024px) {
      .objextiveOutter .reviewBox {
          height:335px;
          padding: 1.75rem
      }
  }
  
  @media (min-width: 1280px) {
      .objextiveOutter .reviewBox {
          height:315px
      }
  }
  
  @media (min-width: 1540px) {
      .objextiveOutter .reviewBox {
          height:100%
      }
  }
  
  .objextiveOutter .reviewBox:hover>.imgHover {
      display: block
  }
  
  .progressbar {
      position: relative;
      height: .25rem;
      width: 100%
  }
  
  .progressbar:before {
      position: absolute;
      top: 50%;
      left: 0;
      height: 1px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .progressbar span {
      position: absolute;
      left: 0;
      display: inline-block;
      height: .25rem;
      width: 5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      transition-duration: 1.5s
  }
  
  ::-webkit-scrollbar {
      height: 10px;
      width: 5px
  }
  
  ::-webkit-scrollbar-track {
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(0 0 0/var(--tw-border-opacity));
      --tw-bg-opacity: 1;
      background-color: rgb(223 233 235/var(--tw-bg-opacity))
  }
  
  ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:active {
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  .newsUpdate {
      overflow: hidden
  }
  
  .breadcrum a {
      position: relative
  }
  
  .breadcrum a:nth-child(2):before,.breadcrum a:nth-child(3):before,.breadcrum a:nth-child(4):before {
      position: absolute;
      left: -13px;
      color: hsla(0,0%,100%,.6);
      --tw-content: "/";
      content: var(--tw-content)
  }
  
  .breadcrum p {
      position: relative
  }
  
  .breadcrum p:nth-child(2):before,.breadcrum p:nth-child(3):before,.breadcrum p:nth-child(4):before {
      position: absolute;
      left: -13px;
      color: hsla(0,0%,100%,.6);
      --tw-content: "/";
      content: var(--tw-content)
  }
  
  .companyBrief .thumbnail {
      position: relative;
      overflow: hidden
  }
  
  .companyBrief .thumbnail img {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .7s
  }
  
  .companyBrief .thumbnail img,.companyBrief .thumbnail:hover img {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .companyBrief .thumbnail:hover img {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1
  }
  
  .companyBrief .view {
      position: relative
  }
  
  .companyBrief .view .vierOverlay {
      background: linear-gradient(0deg,#4e2d06,rgba(3,3,3,0))
  }
  
  .companyBrief .consultant,.companyBrief .view .vierOverlay {
      position: absolute;
      top: 0;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 1.25rem
  }
  
  .contactSection {
      padding-top: 2.5rem;
      padding-bottom: 5rem
  }
  
  @media (min-width: 1024px) {
      .contactSection {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .contactSection .formBox {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .contactSection .formBox {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .contactSection .formBox .formMain {
      background-color: rgba(30,35,38,.57);
      padding: 1.25rem
  }
  
  .contactSection .formBox .formMain .gridOutter {
      display: grid;
      grid-template-columns: 100%;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  @media (min-width: 1024px) {
      .contactSection .formBox .formMain .gridOutter {
          grid-template-columns:40% 60%
      }
  }
  
  .contactSection .formBox .formMain .gridOutter>div {
      padding: 30px
  }
  
  @media (min-width: 1024px) {
      .contactSection .formBox .formMain .gridOutter>div {
          padding:50px
      }
  }
  
  @media (min-width: 1280px) {
      .contactSection .formBox .formMain .gridOutter>div {
          padding:80px
      }
  }
  
  .contactSection .formBox .formMain .gridOutter .formOutter {
      position: relative;
      z-index: 0
  }
  
  .contactSection .formBox .formMain .gridOutter .formOutter form {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      gap: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .contactSection .formBox .formMain .gridOutter .formOutter form {
          max-width:80%
      }
  }
  
  .contactSection .formBox .formMain .gridOutter .formOutter form input,.contactSection .formBox .formMain .gridOutter .formOutter form textarea {
      width: 100%;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(79 79 79/var(--tw-border-opacity));
      background-color: transparent;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .contactSection .formBox .formMain .gridOutter .formOutter form input:focus,.contactSection .formBox .formMain .gridOutter .formOutter form textarea:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  @media (min-width: 1024px) {
      .contactSection .formBox .formMain .gridOutter .formOutter form input,.contactSection .formBox .formMain .gridOutter .formOutter form textarea {
          padding:1.25rem
      }
  }
  
  .contactSection .formBox .formMain .gridOutter .formOutter form input[type=button] {
      width: -moz-min-content;
      width: min-content
  }
  
  .gallery-wraper .galleryImage {
      grid-template-columns: repeat(1,minmax(0,1fr));
      grid-template-rows: repeat(1,minmax(0,1fr));
      gap: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .gallery-wraper .galleryImage {
          display:grid;
          grid-template-columns: repeat(3,minmax(0,1fr));
          grid-template-rows: repeat(2,minmax(0,1fr))
      }
  }
  
  .gallery-wraper .galleryImage .image-grid {
      position: relative;
      overflow: hidden
  }
  
  .gallery-wraper .galleryImage .image-grid:nth-child(4) {
      width: 100%
  }
  
  @media (min-width: 1024px) {
      .gallery-wraper .galleryImage .image-grid:nth-child(4) {
          grid-column:span 2/span 2;
          max-height: 385px
      }
  }
  
  .gallery-wraper .galleryImage .image-grid img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .7s
  }
  
  .gallery-wraper .galleryImage .image-grid:hover img {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .gallery-wraper .galleryImage .image-grid:hover .imgHover {
      display: block
  }
  
  .containers-wraper .image-time {
      position: relative;
      overflow: hidden
  }
  
  .containers-wraper .image-time img {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .7s
  }
  
  .containers-wraper .image-time img,.containers-wraper:hover .image-time img {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .containers-wraper:hover .image-time img {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1
  }
  
  .containers-wraper:hover .image-time .imgHover {
      display: block
  }
  
  .Modal {
      position: fixed;
      top: 0;
      left: 0;
      --tw-bg-opacity: 0.85
  }
  
  .Modal,.Modal .menuModalInner {
      z-index: 50;
      height: 100%;
      width: 100%;
      background-color: rgb(0 10 13/var(--tw-bg-opacity))
  }
  
  .Modal .menuModalInner {
      position: absolute;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      --tw-bg-opacity: 1
  }
  
  @media (min-width: 768px) {
      .Modal .menuModalInner {
          width:460px
      }
  }
  
  .animateBounce {
      animation: animateBounce 1.5s ease infinite
  }
  
  @keyframes animateBounce {
      0% {
          transform: translateY(-10px)
      }
  
      50% {
          transform: translateY(0)
      }
  
      to {
          transform: translateY(-10px)
      }
  }
  
  .spin {
      animation: spin 20s ease infinite
  }
  
  .spin2 {
      animation: spin2 2s linear infinite
  }
  
  @keyframes spin2 {
      0% {
          transform: rotate(0deg)
      }
  
      to {
          transform: rotate(1turn)
      }
  }
  
  @keyframes spin {
      0% {
          transform: rotate(0deg)
      }
  
      50% {
          transform: rotate(1turn)
      }
  
      to {
          transform: rotate(0deg)
      }
  }
  
  @keyframes two-image-crossfade {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  @keyframes loading-crossfade {
      0% {
          opacity: 25%
      }
  
      50% {
          opacity: 1
      }
  
      to {
          opacity: 25%
      }
  }
  
  .leftText {
      animation: leftText .5s linear forwards
  }
  
  @keyframes leftText {
      0% {
          transform: translateX(-50%);
          opacity: 0
      }
  
      to {
          transform: translateX(0);
          opacity: 1
      }
  }
  
  .rightText {
      animation: rightText .5s linear forwards
  }
  
  @keyframes rightText {
      0% {
          transform: translateX(50%);
          opacity: 0
      }
  
      to {
          transform: translateX(0);
          opacity: 1
      }
  }
  
  .rightIn {
      animation: rightIn .5s linear forwards
  }
  
  @keyframes rightIn {
      0% {
          transform: translateX(460px)
      }
  
      to {
          transform: translateX(0)
      }
  }
  
  .leftDivIn {
      animation: leftDivIn .5s linear forwards;
      transform: translateX(0)
  }
  
  @keyframes leftDivIn {
      0% {
          transform: translateX(-100%)
      }
  
      to {
          transform: translateX(0)
      }
  }
  
  .rightDivIn {
      animation: rightDivIn .5s linear forwards;
      transform: translateX(100%)
  }
  
  @keyframes rightDivIn {
      0% {
          transform: translateX(100%)
      }
  
      to {
          transform: translateX(0)
      }
  }
  
  .rightOut {
      animation: rightOut .5s linear forwards
  }
  
  @keyframes rightOut {
      0% {
          transform: translateX(0)
      }
  
      to {
          transform: translateX(460px)
      }
  }
  
  .fadeIn {
      animation: fadeIn .5s linear forwards
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  .fadeOut {
      animation: fadeOut .5s linear forwards
  }
  
  @keyframes fadeOut {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0
      }
  }
  
  .onloadHidden {
      animation: onloadHidden 1s linear forwards
  }
  
  @keyframes onloadHidden {
      0% {
          transform: translateY(50px)
      }
  
      to {
          transform: translateY(0)
      }
  }
  
  .imgHover {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 50;
      display: none;
      height: 100%;
      width: 15%;
      --tw-skew-x: -15deg;
      --tw-skew-y: 0deg;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      animation: move .8s;
      opacity: 0;
      background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.03) 1%,hsla(0,0%,100%,.6) 30%,hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,.85) 70%,hsla(0,0%,100%,.85) 71%,hsla(0,0%,100%,0))
  }
  
  @keyframes move {
      0% {
          left: 0;
          opacity: 0
      }
  
      5% {
          opacity: 0
      }
  
      48% {
          opacity: .2
      }
  
      80% {
          opacity: 0
      }
  
      to {
          left: 110%
      }
  }
  
  .commnuityBanner,.leadershipBannerNew {
      position: relative;
      z-index: 0
  }
  
  .leadershipBannerNew .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .leadershipBannerNew .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.55;
      padding-top: 5rem
  }
  
  .leadershipBannerNew .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 3.5rem
  }
  
  .teamBanner {
      position: relative;
      z-index: 0
  }
  
  .teamBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .teamBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47;
      padding-top: 5rem
  }
  
  .teamBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 1.75rem
  }
  
  .privacyBanner {
      position: relative;
      z-index: 0
  }
  
  .privacyBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .privacyBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47
  }
  
  .privacyBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 1.75rem
  }
  
  .blog-section {
      padding-top: 5rem;
      padding-bottom: 5rem;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .blog-section .blogDiv {
      margin-bottom: 2.5rem
  }
  
  .blog-section h1 {
      margin-bottom: 1.75rem;
      font-weight: 600
  }
  
  .blog-section h2 {
      margin-bottom: 1.25rem;
      font-weight: 500
  }
  
  .blog-section h3 {
      margin-bottom: .75rem;
      font-weight: 500
  }
  
  .blog-section h4 {
      margin-bottom: .25rem;
      font-weight: 500
  }
  
  .blog-section p {
      margin-bottom: 1.25rem
  }
  
  .blog-section ol,.blog-section p,.blog-section ul {
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .blog-section a:link,.blog-section a:visited {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .blog-section a:active,.blog-section a:hover {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity));
      text-decoration-line: underline
  }
  
  .blog-section table,.blog-section td,.blog-section th {
      border-width: 2px;
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .blog-section td {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .linkCntNew a:link,.linkCntNew a:visited {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .linkCntNew a:active,.linkCntNew a:hover {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity));
      text-decoration-line: underline
  }
  
  .blogContactSection .gridOutter {
      display: grid;
      grid-template-columns: 100%
  }
  
  .blogContactSection .gridOutter .formOutter {
      position: relative;
      z-index: 0;
      padding: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .blogContactSection .gridOutter .formOutter {
          padding-left:2.5rem;
          padding-right: 2.5rem
      }
  }
  
  .blogContactSection .gridOutter .formOutter form {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      gap: 1.25rem
  }
  
  .blogContactSection .gridOutter .formOutter form input,.blogContactSection .gridOutter .formOutter form textarea {
      width: 100%;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(79 79 79/var(--tw-border-opacity));
      background-color: transparent;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .blogContactSection .gridOutter .formOutter form input:focus,.blogContactSection .gridOutter .formOutter form textarea:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  @media (min-width: 1024px) {
      .blogContactSection .gridOutter .formOutter form input,.blogContactSection .gridOutter .formOutter form textarea {
          padding:1.25rem
      }
  }
  
  .blogContactSection .gridOutter .formOutter form .react-tel-input {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .blogContactSection .gridOutter .formOutter form .react-tel-input input {
      width: 100%;
      border-width: 0;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1rem 1rem 1rem 3.5rem
  }
  
  .blogContactSection .gridOutter .formOutter form .react-tel-input .country {
      background-color: #fff;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .blogContactSection .gridOutter .formOutter form .react-tel-input .highlight {
      --tw-bg-opacity: 1;
      background-color: rgb(223 180 105/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .blogContactSection .gridOutter .formOutter form input[type=button] {
      width: -moz-min-content;
      width: min-content
  }
  
  .newsBanner {
      position: relative;
      z-index: 0
  }
  
  .newsBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .newsBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47;
      padding-top: 5rem
  }
  
  .newsBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 3.5rem
  }
  
  .amenityCard {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .2s;
      transition-timing-function: linear
  }
  
  @media (min-width: 550px) {
      .amenityCard {
          border-width:2px;
          border-style: solid;
          border-color: rgb(191 158 119/var(--tw-border-opacity));
          --tw-border-opacity: 0.2
      }
  }
  
  .amenityCard amenityIcon svg {
      width: 3rem
  }
  
  .amenityCard amenityIcon svg path {
      fill: #bf9e77
  }
  
  .singleProperty {
      margin-bottom: 4rem
  }
  
  .singleProperty .singleBanner {
      position: relative;
      z-index: 0
  }
  
  .singleProperty .singleBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .singleProperty .singleBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47
  }
  
  .singleProperty .singleBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center
  }
  
  .singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 450px
  }
  
  .singleProperty .singleBanner .contentOutter .contentOverlay .projectLogo svg path {
      fill: #fff
  }
  
  .singleProperty .singalAbout {
      position: relative;
      z-index: 10;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .singleProperty .singalAbout .rightContent {
      position: relative;
      z-index: 10;
      height: 100%;
      width: 100%
  }
  
  @media (min-width: 1540px) {
      .singleProperty .singalAbout .rightContent {
          padding-right:2.5rem
      }
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder {
      width: 100%;
      max-width: 30rem
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td,.singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child {
      position: relative;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child span {
      margin-right: .75rem;
      display: inline-block;
      height: .5rem;
      width: .5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 0 0/var(--tw-bg-opacity));
      vertical-align: middle
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child:before {
      position: absolute;
      left: .125rem;
      bottom: -.25rem;
      z-index: 50;
      display: inline-block;
      width: 105%;
      border-top-width: 10px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:first-child:after {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 2px 2px 0;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:first-child td:nth-child(2):before {
      position: absolute;
      left: -2px;
      bottom: -2px;
      z-index: 50;
      display: inline-block;
      height: 50%;
      width: 50%;
      border-bottom-width: 2px;
      border-left-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td {
      position: relative;
      z-index: 10;
      height: 100%;
      width: 100%;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .singleProperty .singalAbout .rightContent .folderBorder tr:nth-child(2) td:after {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -10;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .singleProperty .infrastructure {
      --tw-bg-opacity: 1;
      background-color: rgb(242 242 242/var(--tw-bg-opacity));
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .singleProperty .infrastructure {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .singleProperty .infrastructure .tabOutter {
      display: flex;
      align-items: center;
      justify-content: center
  }
  
  .singleProperty .infrastructure .tabOutter .tab {
      cursor: pointer;
      border-bottom: 2px;
      border-color: transparent;
      border-style: solid;
      padding: .25rem 1.25rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .singleProperty .infrastructure .tabOutter .active {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .singleProperty .infrastructure .clickToZoomContainer {
      cursor: none
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter {
      display: none
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline {
      pointer-events: none;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 50;
      display: flex;
      height: 7rem;
      width: 7rem;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      align-items: center;
      justify-content: center;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .clickToZoomOutter .clickToZoomOutline .clickToZoomDot {
      display: flex;
      height: 5rem;
      width: 5rem;
      align-items: center;
      justify-content: center;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between;
      padding-left: 1.25rem
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .sliderArrows .perv button {
      width: 2.5rem
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between;
      padding-right: 1.25rem
  }
  
  .singleProperty .infrastructure .clickToZoomContainer .sliderArrows .next button {
      width: 2.5rem
  }
  
  .singleProperty .amenities {
      overflow: hidden;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .singleProperty .aboutDeveloper {
      position: relative;
      z-index: 0;
      padding-top: 5rem;
      padding-bottom: 5rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .aboutDeveloper {
          padding-top:8rem;
          padding-bottom: 8rem
      }
  }
  
  .singleProperty .aboutDeveloper .mobOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.3
  }
  
  @media (min-width: 1024px) {
      .singleProperty .aboutDeveloper .mobOverlay {
          display:none
      }
  }
  
  .singleProperty .aboutDeveloper .logoOutter {
      display: inline-block;
      --tw-bg-opacity: 1;
      background-color: rgb(6 45 91/var(--tw-bg-opacity));
      padding: 1.25rem 2.5rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .aboutDeveloper .logoOutter {
          margin-bottom:1.25rem
      }
  }
  
  .singleProperty .aboutDeveloper .playOutter {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      height: 5rem;
      width: 5rem;
      align-items: center;
      justify-content: center;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity))
  }
  
  .singleProperty .aboutDeveloper .playOutter:before {
      position: absolute;
      top: 0;
      left: 0;
      height: 5rem;
      width: 5rem;
      animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .singleProperty .paymentPlan {
      position: relative;
      z-index: 10;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .paymentPlan {
          padding-top:5rem;
          padding-bottom: 13rem
      }
  }
  
  .singleProperty .paymentPlan table {
      margin-top: 2.5rem;
      width: 100%
  }
  
  .singleProperty .paymentPlan table tbody tr:nth-child(odd) td {
      --tw-bg-opacity: 1;
      background-color: rgb(30 35 38/var(--tw-bg-opacity))
  }
  
  .singleProperty .paymentPlan table tbody tr td {
      padding: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .paymentPlan table tbody tr td {
          padding-left:2.5rem;
          padding-right: 2.5rem
      }
  }
  
  .singleProperty .paymentPlan table tbody tr td:first-child {
      width: 41.666667%
  }
  
  @media (min-width: 1280px) {
      .singleProperty .paymentPlan table tbody tr td:first-child {
          width:50%
      }
  }
  
  .singleProperty .paymentPlan table tbody tr td:nth-child(2) {
      width: 25%;
      text-align: right
  }
  
  .singleProperty .floorPlan {
      overflow: hidden;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .floorPlan {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .singleProperty .floorPlan .tabOutter {
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      gap: 1.25rem;
      border-bottom-width: 2px;
      border-style: solid;
      padding: .75rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(.4,0,1,1)
  }
  
  @media (min-width: 550px) {
      .singleProperty .floorPlan .tabOutter {
          padding-left:.5rem;
          padding-right: .5rem
      }
  }
  
  @media (min-width: 1024px) {
      .singleProperty .floorPlan .tabOutter {
          width:180px;
          justify-content: space-between
      }
  }
  
  .singleProperty .floorPlan .tabOutter .arrowOutter {
      display: flex;
      height: 2rem;
      width: 2rem;
      align-items: center;
      justify-content: center;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(.4,0,1,1)
  }
  
  .singleProperty .floorPlan .iconOutter {
      display: flex;
      height: 2.5rem;
      width: 2.5rem;
      align-items: center;
      justify-content: center;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.2
  }
  
  .singleProperty .location .switch {
      display: inline-block
  }
  
  .singleProperty .location .switch input {
      display: none
  }
  
  :is(.singleProperty .location .switch input)::checked~label {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  :is(.singleProperty .location .switch input):checked~label:after {
      --tw-translate-x: 20px;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  @media (min-width: 1024px) {
      :is(.singleProperty .location .switch input):checked~label:after {
          --tw-translate-x:30px;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  .singleProperty .location .switch label {
      display: block;
      height: 20px;
      width: 40px;
      cursor: pointer;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      padding: .125rem;
      transition-property: .3s;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  @media (min-width: 1024px) {
      .singleProperty .location .switch label {
          height:30px;
          width: 60px;
          padding: 3px
      }
  }
  
  .singleProperty .location .switch label:after {
      display: inherit;
      height: .75rem;
      width: .75rem;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      transition-property: .3s;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .singleProperty .location .switch label:after {
          height:1.25rem;
          width: 1.25rem
      }
  }
  
  .singleProperty .location .cardOutter {
      margin-top: 1.25rem;
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 1.25rem
  }
  
  @media (min-width: 550px) {
      .singleProperty .location .cardOutter {
          grid-template-columns:repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1024px) {
      .singleProperty .location .cardOutter {
          grid-template-columns:repeat(3,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1280px) {
      .singleProperty .location .cardOutter {
          grid-template-columns:repeat(5,minmax(0,1fr))
      }
  }
  
  .singleProperty .location .cardOutter .card {
      height: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 0.3
  }
  
  .singleProperty .location .cardOutter .card .cardInner {
      padding: 1.25rem
  }
  
  .singleProperty .location .cardOutter .card .cardInner .iconOutter {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5rem;
      display: flex;
      height: 4rem;
      width: 4rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      padding: 1rem
  }
  
  .singleProperty .location .cardOutter .card .cardInner .iconOutter svg path {
      fill: #fff
  }
  
  .singleProperty .location .cardOutter .card .distance {
      width: 100%;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.3;
      padding: .5rem 1.25rem;
      text-align: center
  }
  
  .singleProperty .whyInvest {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .singleProperty .whyInvest {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .singleProperty .whyInvest .cardRow {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 2.5rem
  }
  
  @media (min-width: 768px) {
      .singleProperty .whyInvest .cardRow {
          grid-template-columns:repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1280px) {
      .singleProperty .whyInvest .cardRow {
          grid-template-columns:repeat(4,minmax(0,1fr))
      }
  }
  
  .singleProperty .whyInvest .cardRow .card .iconOutter {
      position: relative;
      height: 5rem;
      width: 5rem
  }
  
  .singleProperty .whyInvest .cardRow .card .iconOutter .count {
      position: absolute;
      bottom: -.5rem;
      right: .125rem;
      z-index: 10;
      border-radius: 9999px;
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position);
      --tw-gradient-to: hsla(0,0%,71%,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);
      -webkit-background-clip: text;
      background-clip: text;
      font-size: 64px;
      color: transparent
  }
  
  .singleProperty .whyInvest .cardRow .card .iconOutter .tickOutter {
      position: absolute;
      top: 20%;
      right: -25%;
      z-index: 0;
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 9999px;
      background: linear-gradient(180deg,#242424,#000a0d)
  }
  
  .singleProperty .whyInvest .cardRow .card .iconOutter .tickInner {
      position: absolute;
      top: 28%;
      right: -17%;
      z-index: 50;
      display: flex;
      height: 1.75rem;
      width: 1.75rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  .singleProperty .whyInvest .cardRow .card .iconBg {
      display: flex;
      height: 5rem;
      width: 5rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
      --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(76,76,76,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position)
  }
  
  .singleProperty .whyInvest .cardRow .card .iconBg svg {
      width: 3rem
  }
  
  @media (min-width: 1280px) {
      .singleProperty .whyInvest .cardRow .card:nth-child(2),.singleProperty .whyInvest .cardRow .card:nth-child(3) {
          margin-top:-2.5rem
      }
  }
  
  .react-tel-input {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .react-tel-input input {
      padding-left: 3.5rem
  }
  
  .registerPopup {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      height: 100vh;
      width: 100vw
  }
  
  .registerPopup .downloadPopupInner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999999;
      display: flex;
      height: 100vh;
      width: 100vw;
      align-items: center;
      justify-content: center;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.9
  }
  
  .registerPopup .downloadPopupInner .inner {
      position: relative;
      z-index: 0;
      margin: 2.5rem;
      max-width: 32rem;
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity));
      padding: 1.25rem
  }
  
  @media (min-width: 768px) {
      .registerPopup .downloadPopupInner .inner {
          --tw-scale-x: 100%;
          --tw-scale-y: 80%;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  @media (min-width: 1024px) {
      .registerPopup .downloadPopupInner .inner {
          padding:2.5rem
      }
  }
  
  @media (min-width: 1540px) {
      .registerPopup .downloadPopupInner .inner {
          --tw-scale-x:1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  .registerPopup .downloadPopupInner .inner .formOutter input {
      width: 100%;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .registerPopup .downloadPopupInner .inner .formOutter input[type=checkbox] {
      margin-bottom: 0;
      height: 1rem;
      width: 1rem
  }
  
  .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input input {
      width: 100%;
      border-width: 0;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1rem 1rem 1rem 3.5rem
  }
  
  .registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {
      background-color: transparent
  }
  
  :is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity))
  }
  
  :is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity))
  }
  
  :is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,:is(:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.registerPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {
      border-top-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .downloadPopup {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      height: 100vh;
      width: 100vw
  }
  
  .downloadPopup .downloadPopupInner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 999999;
      display: flex;
      height: 100vh;
      width: 100vw;
      align-items: center;
      justify-content: center;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.9
  }
  
  .downloadPopup .downloadPopupInner .inner {
      position: relative;
      z-index: 0;
      margin: 2.5rem;
      max-width: 80rem;
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity));
      padding: 1.75rem 0
  }
  
  @media (min-width: 768px) {
      .downloadPopup .downloadPopupInner .inner {
          --tw-scale-x:80%;
          --tw-scale-y: 80%;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  @media (min-width: 1024px) {
      .downloadPopup .downloadPopupInner .inner {
          padding:3.5rem
      }
  }
  
  @media (min-width: 1280px) {
      .downloadPopup .downloadPopupInner .inner {
          padding:4rem
      }
  }
  
  @media (min-width: 1540px) {
      .downloadPopup .downloadPopupInner .inner {
          --tw-scale-x:1;
          --tw-scale-y: 1;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  @media (min-width: 1024px) {
      .downloadPopup .downloadPopupInner .inner .formOutter {
          padding-left:2.5rem;
          padding-right: 2.5rem
      }
  }
  
  .downloadPopup .downloadPopupInner .inner .formOutter input {
      width: 100%;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .downloadPopup .downloadPopupInner .inner .formOutter input[type=checkbox] {
      margin-bottom: 0;
      height: 1rem;
      width: 1rem
  }
  
  .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input input {
      width: 100%;
      border-width: 0;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1rem 1rem 1rem 3.5rem
  }
  
  .downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open {
      background-color: transparent
  }
  
  :is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open {
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity))
  }
  
  :is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {
      --tw-bg-opacity: 1;
      background-color: rgb(19 20 20/var(--tw-bg-opacity))
  }
  
  :is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,:is(:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag,:is(.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown,.downloadPopup .downloadPopupInner .inner .formOutter .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {
      border-top-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .downloadPopup .downloadPopupInner .inner .popupImgOutter {
      display: none
  }
  
  @media (min-width: 1024px) {
      .downloadPopup .downloadPopupInner .inner .popupImgOutter {
          display:block
      }
  }
  
  .downloadPopup .downloadPopupInner .inner .popupImgOutter img {
      max-height: 500px
  }
  
  .applyNowPopup {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.9
  }
  
  .applyNowPopup .inner {
      position: relative;
      z-index: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 1100px;
      --tw-scale-x: .75;
      --tw-scale-y: .75;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      background-color: rgb(24 24 24/var(--tw-bg-opacity));
      padding: 1.75rem
  }
  
  @media (min-width: 1024px) {
      .applyNowPopup .inner {
          --tw-scale-x:.75;
          --tw-scale-y: .75;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          padding: 3.5rem
      }
  }
  
  @media (min-width: 1540px) {
      .applyNowPopup .inner {
          --tw-scale-x:0.85;
          --tw-scale-y: 0.85;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  @media (min-width: 1024px) {
      .applyNowPopup .inner .formOutter {
          padding-right:2.5rem
      }
  }
  
  .applyNowPopup .inner .formOutter form {
      display: flex;
      flex-direction: column;
      gap: 1rem
  }
  
  .applyNowPopup .inner .formOutter form .input-feild:first-child label {
      display: flex;
      width: 100%;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-width: 2px;
      border-style: dashed;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: 1.25rem
  }
  
  .applyNowPopup .inner .formOutter form .input-feild:first-child label:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .applyNowPopup .inner .formOutter form .input-feild input {
      width: 100%;
      cursor: pointer;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: .75rem;
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .applyNowPopup .inner .formOutter form .input-feild input:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .applyNowPopup .inner .formOutter form .input-feild input::-webkit-inner-spin-button,.applyNowPopup .inner .formOutter form .input-feild input::-webkit-outer-spin-button {
      margin: 0;
      -webkit-appearance: none
  }
  
  .applyNowPopup .inner .formOutter form .input-feild input[type=number] {
      -moz-appearance: textfield
  }
  
  .applyNowPopup .inner .formOutter form .input-feild .react-tel-input {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .applyNowPopup .inner .formOutter form .input-feild .react-tel-input input {
      min-height: 52px;
      width: 100%;
      border-width: 0;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      background-color: transparent;
      padding: .75rem .75rem .75rem 3.5rem;
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open {
      border-style: none;
      background-color: transparent
  }
  
  :is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag,:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open {
      --tw-bg-opacity: 1;
      background-color: rgb(24 24 24/var(--tw-bg-opacity))
  }
  
  :is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag,:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open):hover {
      --tw-bg-opacity: 1;
      background-color: rgb(24 24 24/var(--tw-bg-opacity))
  }
  
  :is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag,:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow,:is(:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag,:is(.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown,.applyNowPopup .inner .formOutter form .input-feild .react-tel-input .flag-dropdown.open) .selected-flag.open) .arrow.up {
      border-top-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .applyNowPopup .inner .jobBtn {
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(33 33 34/var(--tw-bg-opacity));
      padding: 1.25rem
  }
  
  .applyNowPopup .inner .jobBtn svg path {
      fill: #fff;
      stroke: #fff
  }
  
  .applyNowPopup .inner .responsibilityOutter {
      padding: 0
  }
  
  @media (min-width: 1024px) {
      .applyNowPopup .inner .responsibilityOutter {
          --tw-bg-opacity:1;
          background-color: rgb(33 33 34/var(--tw-bg-opacity));
          padding: 3.5rem
      }
  }
  
  .applyNowPopup .inner .responsibilityOutter ul {
      margin-left: 1.25rem;
      list-style-type: disc
  }
  
  .applyNowPopup .inner .responsibilityOutter ul li {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
      font-size: .875rem;
      line-height: 1.25rem;
      font-weight: 300;
      line-height: 1.25;
      color: rgb(255 255 255/var(--tw-text-opacity));
      --tw-text-opacity: 0.6
  }
  
  .communityAbout {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .communityAbout .rightContent {
      position: relative;
      z-index: 10;
      height: 100%;
      width: 100%
  }
  
  @media (min-width: 1540px) {
      .communityAbout .rightContent {
          padding-right:2.5rem
      }
  }
  
  .communityAbout .rightContent .folderBorder {
      width: 100%;
      max-width: 30rem
  }
  
  .communityAbout .rightContent .folderBorder tr:first-child td,.communityAbout .rightContent .folderBorder tr:first-child td:first-child {
      position: relative;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .communityAbout .rightContent .folderBorder tr:first-child td:first-child span {
      margin-right: .75rem;
      display: inline-block;
      height: .5rem;
      width: .5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 0 0/var(--tw-bg-opacity));
      vertical-align: middle
  }
  
  .communityAbout .rightContent .folderBorder tr:first-child td:first-child:before {
      position: absolute;
      left: .125rem;
      bottom: -.25rem;
      z-index: 50;
      display: inline-block;
      width: 105%;
      border-top-width: 10px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityAbout .rightContent .folderBorder tr:first-child td:first-child:after {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 2px 2px 0;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityAbout .rightContent .folderBorder tr:first-child td:nth-child(2):before {
      position: absolute;
      left: -2px;
      bottom: -2px;
      z-index: 50;
      display: inline-block;
      height: 50%;
      width: 50%;
      border-bottom-width: 2px;
      border-left-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityAbout .rightContent .folderBorder tr:nth-child(2) td {
      position: relative;
      z-index: 10;
      height: 100%;
      width: 100%;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .communityAbout .rightContent .folderBorder tr:nth-child(2) td:after {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -10;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityProjects {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .communityNabouring {
      overflow: hidden;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  @media (min-width: 768px) {
      .communityNabouring .callFolder {
          padding-right:2.5rem
      }
  }
  
  @media (min-width: 1024px) {
      .communityNabouring .callFolder {
          padding-right:1.5rem
      }
  }
  
  .communityNabouring .callFolder table {
      width: 100%;
      max-width: 30rem
  }
  
  @media (min-width: 1024px) {
      .communityNabouring .callFolder table {
          margin-left:auto
      }
  }
  
  .communityNabouring .callFolder table tr:first-child td:first-child {
      position: relative;
      z-index: 10;
      width: 100%;
      padding: 1rem;
      text-align: left
  }
  
  @media (min-width: 1024px) {
      .communityNabouring .callFolder table tr:first-child td:first-child {
          padding:1.25rem
      }
  }
  
  .communityNabouring .callFolder table tr:first-child td:first-child:before {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 0;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityNabouring .callFolder table tr:nth-child(2) td:first-child {
      position: relative;
      z-index: 10;
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 1rem
  }
  
  @media (min-width: 1024px) {
      .communityNabouring .callFolder table tr:nth-child(2) td:first-child {
          padding-left:1.25rem;
          padding-right: 1.25rem;
          padding-bottom: 1.25rem
      }
  }
  
  .communityNabouring .callFolder table tr:nth-child(2) td:first-child:before {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -20;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-width: 0 2px 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityNabouring .callFolder table tr:nth-child(2) td:first-child:after {
      position: absolute;
      top: -3px;
      left: .125rem;
      z-index: -10;
      display: inline-block;
      height: 100%;
      width: 100%;
      border-top-width: 8px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2) {
      position: relative;
      z-index: 10;
      width: 50%
  }
  
  .communityNabouring .callFolder table tr:nth-child(2) td:nth-child(2):before {
      position: absolute;
      left: -.125rem;
      top: -.125rem;
      z-index: 0;
      display: inline-block;
      height: 50%;
      width: 50%;
      border-width: 2px 0 0 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(240 234 227/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .communityNabouring .dragContainer {
      cursor: none;
      padding-top: 1.25rem
  }
  
  .communityNabouring .dragContainer .cursorOutter {
      display: none
  }
  
  .communityNabouring .dragContainer .cursorOutter .cursorOutline {
      pointer-events: none;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 50;
      display: flex;
      height: 5rem;
      width: 5rem;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .communityNabouring .dragContainer .cursorOutter .cursorOutline .cursorDot {
      display: flex;
      height: 3.5rem;
      width: 3.5rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .communityNabouring .dragContainer .slick-slider {
      margin: 0 -9px
  }
  
  .communityWhyInvest {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .communityWhyInvest {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .communityWhyInvest .cardRow {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 2.5rem
  }
  
  @media (min-width: 768px) {
      .communityWhyInvest .cardRow {
          grid-template-columns:repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1280px) {
      .communityWhyInvest .cardRow {
          grid-template-columns:repeat(4,minmax(0,1fr))
      }
  }
  
  .communityWhyInvest .cardRow .card .iconOutter {
      position: relative;
      height: 5rem;
      width: 5rem
  }
  
  .communityWhyInvest .cardRow .card .iconOutter .count {
      position: absolute;
      bottom: -.5rem;
      right: .125rem;
      z-index: 0;
      border-radius: 9999px;
      background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
      --tw-gradient-from: #b6b6b6 var(--tw-gradient-from-position);
      --tw-gradient-to: hsla(0,0%,71%,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);
      -webkit-background-clip: text;
      background-clip: text;
      font-size: 64px;
      color: transparent
  }
  
  .communityWhyInvest .cardRow .card .iconOutter .tickOutter {
      position: absolute;
      top: 20%;
      right: -25%;
      z-index: 0;
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 9999px;
      background: linear-gradient(180deg,#242424,#000a0d)
  }
  
  .communityWhyInvest .cardRow .card .iconOutter .tickInner {
      position: absolute;
      top: 28%;
      right: -17%;
      z-index: 0;
      display: flex;
      height: 1.75rem;
      width: 1.75rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  .communityWhyInvest .cardRow .card .iconBg {
      display: flex;
      height: 5rem;
      width: 5rem;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
      --tw-gradient-from: #4c4c4c var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(76,76,76,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-to: #0b0b0b var(--tw-gradient-to-position)
  }
  
  .communityWhyInvest .cardRow .card .iconBg svg {
      width: 3rem
  }
  
  @media (min-width: 1280px) {
      .communityWhyInvest .cardRow .card:nth-child(2),.communityWhyInvest .cardRow .card:nth-child(3) {
          margin-top:-2.5rem
      }
  }
  
  .communityLocation {
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .communityLocation {
          padding-bottom:5rem
      }
  }
  
  .communityLocation .switch {
      display: inline-block
  }
  
  .communityLocation .switch input {
      display: none
  }
  
  :is(.communityLocation .switch input)::checked~label {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  :is(.communityLocation .switch input):checked~label:after {
      --tw-translate-x: 20px;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  @media (min-width: 1024px) {
      :is(.communityLocation .switch input):checked~label:after {
          --tw-translate-x:30px;
          transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }
  }
  
  .communityLocation .switch label {
      display: block;
      height: 20px;
      width: 40px;
      cursor: pointer;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      padding: .125rem;
      transition-property: .3s;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  @media (min-width: 1024px) {
      .communityLocation .switch label {
          height:30px;
          width: 60px;
          padding: 3px
      }
  }
  
  .communityLocation .switch label:after {
      display: inherit;
      height: .75rem;
      width: .75rem;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      transition-property: .3s;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .communityLocation .switch label:after {
          height:1.25rem;
          width: 1.25rem
      }
  }
  
  .communityLocation .cardOutter {
      margin-top: 1.25rem;
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 1.25rem
  }
  
  @media (min-width: 550px) {
      .communityLocation .cardOutter {
          grid-template-columns:repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1024px) {
      .communityLocation .cardOutter {
          grid-template-columns:repeat(3,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1280px) {
      .communityLocation .cardOutter {
          grid-template-columns:repeat(5,minmax(0,1fr))
      }
  }
  
  .communityLocation .cardOutter .card {
      height: 100%;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 0.1
  }
  
  .communityLocation .cardOutter .card:first-child svg path {
      fill: #bf9e77
  }
  
  .communityLocation .cardOutter .card .cardInner {
      padding: 1.25rem
  }
  
  .communityLocation .cardOutter .card .cardInner .iconOutter {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5rem;
      display: flex;
      height: 3.5rem;
      width: 3.5rem;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  .communityLocation .cardOutter .card .distance {
      width: 100%;
      background-color: rgb(170 170 172/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.3;
      padding: .5rem 1.25rem;
      text-align: center
  }
  
  .communityLocation .cardOutter .card .distance svg path {
      fill: #fff
  }
  
  .serviceBanner {
      position: relative;
      z-index: 0
  }
  
  .serviceBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .serviceBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47;
      padding-top: 5rem
  }
  
  .serviceBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 3.5rem
  }
  
  .serviceBanner .contentOutter .contentOverlay .logo {
      display: flex;
      height: 100px;
      width: 150px;
      align-items: center;
      justify-content: center;
      padding: 1.25rem
  }
  
  .serviceBanner .contentOutter .contentOverlay .logo svg path {
      fill: #000
  }
  
  .servicesOutter {
      position: relative;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .servicesOutter {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .servicesOutter .servicesGrid {
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 2.5rem
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid {
          grid-template-columns:repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1024px) {
      .servicesOutter .servicesGrid {
          gap:5rem
      }
  }
  
  .servicesOutter .servicesGrid .serviceCardOutter {
      position: relative;
      height: 100%;
      padding-bottom: 4rem
  }
  
  .servicesOutter .servicesGrid .serviceCardOutter .serviceContent {
      display: flex;
      flex-wrap: nowrap;
      gap: 1.25rem;
      padding-top: 1.25rem
  }
  
  .servicesOutter .servicesGrid .serviceCardOutter .serviceContent .h4 {
      margin-bottom: .75rem;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1024px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1024px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .h4 {
          min-height:4rem
      }
  }
  
  .innerServiceAbout {
      position: relative;
      z-index: 0;
      padding-top: 2.5rem;
      padding-bottom: 8rem
  }
  
  @media (min-width: 1024px) {
      .innerServiceAbout {
          padding-top:5rem
      }
  }
  
  .innerServiceAboutNew {
      position: relative;
      z-index: 0;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .innerServiceAboutNew {
          padding-top:5rem
      }
  }
  
  .careerBanner,.innerServiceCard {
      position: relative;
      z-index: 0
  }
  
  .careerBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d)
  }
  
  .careerBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47;
      padding-top: 5rem
  }
  
  .careerBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 3.5rem
  }
  
  .globalCompany {
      position: relative;
      z-index: 0;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .globalCompany {
          padding-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .benefits {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      overflow: hidden
  }
  
  @media (min-width: 1024px) {
      .benefits {
          margin-top:5rem;
          margin-bottom: 5rem
      }
  }
  
  .benefits .objextiveOutter {
      position: relative;
      padding-right: 5rem
  }
  
  @media (min-width: 640px) {
      .benefits .objextiveOutter {
          padding-right:0
      }
  }
  
  @media (min-width: 768px) {
      .benefits .objextiveOutter {
          padding-right:5rem
      }
  }
  
  @media (min-width: 1024px) {
      .benefits .objextiveOutter {
          padding-right:0
      }
  }
  
  @media (min-width: 1280px) {
      .benefits .objextiveOutter {
          padding-right:5rem
      }
  }
  
  @media (min-width: 1540px) {
      .benefits .objextiveOutter {
          padding-right:0
      }
  }
  
  .benefits .objextiveOutter .slick-slider .slick-list {
      overflow: visible
  }
  
  .benefits .objextiveOutter .slick-slider .slick-list .slick-slide {
      padding: 0 15px 0 0
  }
  
  .benefits .objextiveOutter .reviewBox {
      position: relative;
      min-height: 270px;
      width: 100%;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(68 68 68/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      --tw-bg-opacity: 1;
      background-color: rgb(31 31 31/var(--tw-bg-opacity));
      padding: 1.25rem
  }
  
  @media (min-width: 550px) {
      .benefits .objextiveOutter .reviewBox {
          height:100%
      }
  }
  
  @media (min-width: 640px) {
      .benefits .objextiveOutter .reviewBox {
          height:450px
      }
  }
  
  @media (min-width: 768px) {
      .benefits .objextiveOutter .reviewBox {
          height:370px
      }
  }
  
  @media (min-width: 1024px) {
      .benefits .objextiveOutter .reviewBox {
          height:390px;
          padding: 1.75rem
      }
  }
  
  @media (min-width: 1280px) {
      .benefits .objextiveOutter .reviewBox {
          height:315px
      }
  }
  
  @media (min-width: 1540px) {
      .benefits .objextiveOutter .reviewBox {
          height:100%
      }
  }
  
  .benefits .objextiveOutter .reviewBox:hover>.imgHover {
      display: block
  }
  
  .team-wrapper {
      border-width: 2px;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .latestJobOpenings {
      margin-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  @media (min-width: 1024px) {
      .latestJobOpenings {
          margin-top:5rem;
          padding-bottom: 5rem
      }
  }
  
  .latestJobOpenings .openingListOutter {
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  .latestJobOpenings .openingListOutter:last-child {
      border-style: none
  }
  
  .latestJobOpenings .openingListOutter .openingList {
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 2.5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      padding-right: 2.75rem
  }
  
  @media (min-width: 1024px) {
      .latestJobOpenings .openingListOutter .openingList {
          grid-template-columns:70% 30%
      }
  }
  
  .latestJobOpenings .openingListOutter .openingList ul {
      margin-top: .5rem;
      display: flex;
      flex-wrap: wrap;
      gap: .5rem
  }
  
  @media (min-width: 550px) {
      .latestJobOpenings .openingListOutter .openingList ul {
          display:grid;
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  }
  
  @media (min-width: 1280px) {
      .latestJobOpenings .openingListOutter .openingList ul {
          grid-template-columns:repeat(4,minmax(0,1fr))
      }
  }
  
  .latestJobOpenings .openingListOutter .openingList ul li {
      width: 200px;
      flex-shrink: 0
  }
  
  @media (min-width: 550px) {
      .latestJobOpenings .openingListOutter .openingList ul li {
          width:100%
      }
  }
  
  .latestJobOpenings .openingListOutter .aboutRole {
      margin-top: 1.25rem;
      display: grid;
      grid-template-columns: repeat(1,minmax(0,1fr));
      gap: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .latestJobOpenings .openingListOutter .aboutRole {
          grid-template-columns:70% 30%
      }
  }
  
  @media (min-width: 1280px) {
      .latestJobOpenings .openingListOutter .aboutRole {
          grid-template-columns:65% 35%
      }
  }
  
  .latestJobOpenings .openingListOutter .aboutRole ul {
      margin-left: 1.25rem;
      margin-top: .5rem;
      list-style-type: disc
  }
  
  .latestJobOpenings .openingListOutter .aboutRole ul li {
      font-size: .875rem;
      line-height: 1.25rem;
      font-weight: 300;
      line-height: 1.25;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .hotspotDots {
      position: absolute;
      z-index: 0;
      height: 25px;
      width: 25px;
      cursor: pointer
  }
  
  @media (min-width: 1280px) {
      .hotspotDots {
          height:30px;
          width: 30px
      }
  }
  
  .hotspotDots .outterOutline {
      position: relative;
      z-index: 0;
      height: 100%;
      width: 100%
  }
  
  .hotspotDots .outterOutline:before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -10;
      display: inline-block;
      height: 100%;
      width: 100%;
      animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
      border-radius: 9999px;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .hotspotDots .spotCard {
      z-index: 50;
      width: 280px;
      --tw-bg-opacity: 1;
      padding: .5rem
  }
  
  .hotspotDots .spotCard,.hotspotDots .spotCard:before {
      position: absolute;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .hotspotDots .spotCard:before {
      z-index: -10;
      display: inline-block;
      height: 1.75rem;
      width: 1.75rem;
      --tw-rotate: 45deg;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-bg-opacity: 1;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .hotspotDots:before {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgb(255 255 255/var(--tw-bg-opacity))
  }
  
  .hotspotDots:after,.hotspotDots:before {
      position: absolute;
      z-index: -10;
      display: inline-block;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      --tw-content: "";
      content: var(--tw-content)
  }
  
  .hotspotDots:after {
      top: .375rem;
      left: .375rem;
      height: 50%;
      width: 50%;
      background-color: rgb(191 158 119/var(--tw-bg-opacity))
  }
  
  @media (min-width: 1280px) {
      .hotspotDots:after {
          top:.5rem;
          left: .5rem
      }
  }
  
  .companyMotive .slick-slider .slick-list {
      overflow: visible
  }
  
  .companyMotive .companyMotive_card {
      position: relative;
      z-index: 0;
      margin-left: .75rem;
      margin-right: .75rem;
      cursor: pointer;
      overflow: hidden;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .companyMotive .companyMotive_card .imgBorder {
      overflow: hidden;
      border-width: 1px;
      border-style: solid;
      border-color: rgb(87 87 94/var(--tw-border-opacity));
      --tw-border-opacity: 0.5
  }
  
  .companyMotive .companyMotive_card .imgBorder img {
      min-height: 500px;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .companyMotive .companyMotive_card .imgBorder img,.companyMotive .companyMotive_card .title {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .companyMotive .companyMotive_card .title {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .companyMotive .companyMotive_card .contextOverlay {
      left: 0;
      bottom: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      justify-content: flex-end;
      background-color: transparent;
      padding: 1.25rem
  }
  
  @media (min-width: 1024px) {
      .companyMotive .companyMotive_card .contextOverlay {
          position:absolute
      }
  
      .companyMotive .companyMotive_card .para {
          display: none
      }
  }
  
  .companyMotive .companyMotive_card:hover {
      box-shadow: 0 0 100px 0 #bf9f7745
  }
  
  .companyMotive .companyMotive_card:hover img {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-grayscale: grayscale(0);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .companyMotive .companyMotive_card:hover .title {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .companyMotive .companyMotive_card:hover .contextOverlay {
      justify-content: space-between;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0.7
  }
  
  @media (min-width: 1024px) {
      .companyMotive .companyMotive_card:hover .contextOverlay .para {
          display:block
      }
  }
  
  .aboutBanner {
      position: relative;
      z-index: 0
  }
  
  .aboutBanner .bgOverlay {
      position: absolute;
      top: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg,transparent,transparent 50%,#000a0d);
      opacity: .5
  }
  
  .aboutBanner .contentOutter {
      position: absolute;
      bottom: 0;
      z-index: 30;
      height: 100%;
      width: 100%;
      background-color: #000a0d47;
      padding-top: 5rem
  }
  
  .aboutBanner .contentOutter .contentOverlay {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 3.5rem
  }
  
  .communityFloorCount .communityCountCard {
      grid-column: span 1/span 1;
      border-top-width: 1px;
      border-style: solid;
      padding-top: .5rem;
      padding-bottom: .5rem;
      padding-left: 1.25rem
  }
  
  @media (min-width: 640px) {
      .communityFloorCount .communityCountCard {
          grid-column:span 2/span 2;
          border-left-width: 1px;
          border-top-width: 0
      }
  }
  
  @media (min-width: 1024px) {
      .communityFloorCount .communityCountCard {
          grid-column:span 1/span 1
      }
  }
  
  .communityCount .communityCountCard {
      grid-column: span 1/span 1;
      border-top-width: 1px;
      border-style: solid;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      padding-left: 1.25rem
  }
  
  @media (min-width: 640px) {
      .communityCount .communityCountCard {
          grid-column:span 2/span 2;
          border-left-width: 1px;
          border-top-width: 0;
          padding-top: 0;
          padding-bottom: 0
      }
  }
  
  @media (min-width: 1024px) {
      .communityCount .communityCountCard {
          grid-column:span 1/span 1
      }
  }
  
  .realEstateCount .communityCountCard {
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity));
      padding-left: 1.25rem;
      padding-top: 1.25rem
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard {
          padding-top:0
      }
  }
  
  .realEstateCount .communityCountCard .h2 {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .realEstateCount .communityCountCard .h2 span sup {
      top: -1.75rem;
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .realEstateCount .communityCountCard:first-child {
      border-top-width: 1px
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:first-child {
          border-left-width:1px;
          border-top-width: 0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(2) {
      border-top-width: 1px
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:nth-child(2) {
          border-left-width:1px;
          border-top-width: 0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(3) {
      border-top-width: 1px
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:nth-child(3) {
          border-left-width:1px;
          border-top-width: 0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(4) {
      border-top-width: 1px
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:nth-child(4) {
          border-left-width:1px;
          border-top-width: 0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(4) .h2 {
      padding-top: .75rem
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:nth-child(4) .h2 {
          padding-top:0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(4) .h2 span sup {
      top: -1.75rem;
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .aboutNew {
      position: relative;
      z-index: 0
  }
  
  .aboutNew .objectiveOutter {
      overflow: hidden
  }
  
  .aboutNew .objectiveOutter .slick-slider .slick-list {
      overflow: visible
  }
  
  .aboutNew .objectiveOutter .objectiveCardOutter {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .aboutNew .objectiveOutter .objectiveCardOutter .contextOutter {
      display: flex;
      min-height: 300px;
      flex-direction: column;
      justify-content: space-between;
      --tw-bg-opacity: 1;
      background-color: rgb(239 239 239/var(--tw-bg-opacity));
      padding: 2.5rem;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  .aboutNew .ankurSection {
      position: relative;
      z-index: 0
  }
  
  .benefits .objectiveOutter {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      overflow: hidden
  }
  
  .benefits .objectiveOutter .slick-slider .slick-list {
      overflow: visible
  }
  
  .benefits .objectiveOutter .objectiveCardOutter {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
      display: flex;
      min-height: 375px;
      flex-direction: column;
      justify-content: space-between;
      gap: 2.5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(31 31 31/var(--tw-bg-opacity));
      padding: 2.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  @media (min-width: 768px) {
      .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
          min-height:300px
      }
  }
  
  @media (min-width: 1024px) {
      .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
          min-height:355px
      }
  }
  
  @media (min-width: 1280px) {
      .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
          min-height:300px
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter {
      position: relative;
      z-index: 0;
      overflow: hidden
  }
  
  .communityProjectCardNew .communityProjectCardOutter .communityImg {
      height: 400px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      transition-property: transform;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .communityImg {
          height:500px
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .imgOverlay {
      position: absolute;
      inset: 0;
      z-index: 0;
      background-image: linear-gradient(to top,var(--tw-gradient-stops));
      --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(0,10,13,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
      --tw-gradient-to: transparent var(--tw-gradient-to-position);
      opacity: .25;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .5s
  }
  
  .group:hover .communityProjectCardNew .communityProjectCardOutter .imgOverlay {
      opacity: .25
  }
  
  .communityProjectCardNew .communityProjectCardOutter .logoOutter {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10
  }
  
  .communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner {
      display: flex;
      height: 100px;
      width: 150px;
      align-items: center;
      justify-content: center;
      padding: 1.25rem
  }
  
  .communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner svg path {
      fill: #fff
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter {
      bottom: 0;
      right: 0;
      z-index: 10;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: flex-end;
      background-image: linear-gradient(to top,var(--tw-gradient-stops));
      --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
      --tw-gradient-to: rgba(0,10,13,0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
      --tw-gradient-stops: var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to);
      --tw-gradient-to: transparent var(--tw-gradient-to-position)
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .projectNameOutter {
          position:absolute
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1.75rem;
      padding-top: 2.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {
          gap:0;
          padding: 1.75rem
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .apartments {
      margin-bottom: 1.25rem;
      display: inline-block;
      padding: .5rem 1rem
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location {
      margin-bottom: .5rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .5rem
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location svg path {
      fill: #fff
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {
      position: relative;
      z-index: 0;
      width: 100%;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {
          --tw-border-opacity:1;
          border-color: rgb(0 10 13/var(--tw-border-opacity));
          --tw-text-opacity: 1;
          color: rgb(0 10 13/var(--tw-text-opacity))
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {
          --tw-bg-opacity:1;
          background-color: rgb(0 10 13/var(--tw-bg-opacity));
          --tw-text-opacity: 1;
          color: rgb(255 255 255/var(--tw-text-opacity))
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {
      top: 0;
      right: 0;
      z-index: 20;
      height: 100%;
      width: 100%
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {
          position:absolute;
          opacity: 0
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1.75rem;
      padding-top: 2.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {
          gap:0;
          --tw-bg-opacity: 1;
          background-color: rgb(217 217 217/var(--tw-bg-opacity));
          padding: 1.75rem;
          --tw-text-opacity: 1;
          color: rgb(0 10 13/var(--tw-text-opacity))
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .apartments {
      margin-bottom: 1.25rem;
      display: inline-block;
      --tw-bg-opacity: 1;
      background-color: rgb(249 249 249/var(--tw-bg-opacity));
      padding: .5rem 1rem
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .location {
      margin-bottom: .75rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: .5rem
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo {
      position: relative;
      z-index: 0;
      width: 100%;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(0 10 13/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {
      position: relative;
      z-index: 0;
      width: 100%;
      overflow: hidden;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      padding: .875rem 3rem;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {
          --tw-border-opacity:1;
          border-color: rgb(0 10 13/var(--tw-border-opacity));
          --tw-text-opacity: 1;
          color: rgb(0 10 13/var(--tw-text-opacity))
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgb(0 10 13/var(--tw-text-opacity))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {
          --tw-bg-opacity:1;
          background-color: rgb(0 10 13/var(--tw-bg-opacity));
          --tw-text-opacity: 1;
          color: rgb(255 255 255/var(--tw-text-opacity))
      }
  }
  
  .communityProjectCardNew .communityProjectCardOutter:hover .communityImg {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  @media (min-width: 1024px) {
      .communityProjectCardNew .communityProjectCardOutter:hover .logoAnimate {
          animation:logoAnimate .5s ease-in-out forwards
      }
  
      .communityProjectCardNew .communityProjectCardOutter:hover .textAnimate {
          animation: textAnimate .5s ease-in-out forwards
      }
  }
  
  @keyframes logoAnimate {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0
      }
  }
  
  @keyframes textAnimate {
      0% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  .menuSection a .menuCardOutter {
      position: relative;
      z-index: 0
  }
  
  .menuSection a .menuCardOutter .menuCardInner {
      border: 1px solid transparent;
      --tw-bg-opacity: 1;
      background-color: rgb(20 20 20/var(--tw-bg-opacity));
      padding: 1.75rem
  }
  
  .menuSection a .menuCardOutter .menuCardInner,.menuSection a .menuCardOutter .menuCardInner .h5 {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .menuSection a .menuCardOutter .menuCardInner .h5 {
      margin-left: auto;
      margin-right: auto;
      max-width: 150px;
      text-align: center;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .menuSection a:first-child .menuCardOutter .menuCardInner:after {
      position: absolute;
      top: 25%;
      right: -20px;
      display: none;
      height: 50%;
      width: 1px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 640px) {
      .menuSection a:first-child .menuCardOutter .menuCardInner:after {
          display:block
      }
  }
  
  .menuSection a:first-child .menuCardOutter .menuCardInner:before {
      position: absolute;
      left: 25%;
      bottom: -20px;
      display: block;
      height: 1px;
      width: 50%;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .menuSection a:first-child .menuCardOutter .menuCardInner:before {
          display:none
      }
  }
  
  .menuSection a:nth-child(2) .menuCardOutter .menuCardInner:after {
      position: absolute;
      top: 25%;
      right: -20px;
      display: none;
      height: 50%;
      width: 1px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .menuSection a:nth-child(2) .menuCardOutter .menuCardInner:after {
          display:block
      }
  }
  
  .menuSection a:nth-child(2) .menuCardOutter .menuCardInner:before {
      position: absolute;
      left: 25%;
      bottom: -20px;
      display: block;
      height: 1px;
      width: 50%;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 1024px) {
      .menuSection a:nth-child(2) .menuCardOutter .menuCardInner:before {
          display:none
      }
  }
  
  .menuSection a:nth-child(3) .menuCardOutter .menuCardInner:after {
      position: absolute;
      top: 25%;
      right: -20px;
      display: none;
      height: 50%;
      width: 1px;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 640px) {
      .menuSection a:nth-child(3) .menuCardOutter .menuCardInner:after {
          display:block
      }
  }
  
  .menuSection a:nth-child(3) .menuCardOutter .menuCardInner:before {
      position: absolute;
      left: 25%;
      bottom: -20px;
      display: block;
      height: 1px;
      width: 50%;
      --tw-bg-opacity: 1;
      background-color: rgb(191 158 119/var(--tw-bg-opacity));
      --tw-content: "";
      content: var(--tw-content)
  }
  
  @media (min-width: 640px) {
      .menuSection a:nth-child(3) .menuCardOutter .menuCardInner:before {
          display:none
      }
  }
  
  .menuSection a:hover .menuCardOutter .menuCardInner {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .menuSection a:hover .menuCardOutter .menuCardInner .h5 {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .investmentSectionNew .bgOverlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      height: 100%;
      width: 100%;
      background: linear-gradient(0deg,rgba(0,0,0,.493),transparent)
  }
  
  .aceLogo svg {
      margin-bottom: 1.25rem;
      width: 400px
  }
  
  .aceLogo svg path {
      fill: #fff
  }
  
  .footerTwo {
      --tw-bg-opacity: 1;
      background-color: rgb(30 35 38/var(--tw-bg-opacity));
      padding-top: 5rem;
      padding-bottom: 5rem
  }
  
  .footerTwo .footerMenuTitle {
      /* position: relative; */
      /* z-index: 0; */
      margin-bottom: 1.75rem;
      display: inline-block;
      font-weight: 600;
      text-transform: uppercase
  }
  
  @media (min-width: 1024px) {
      .footerTwo .footerMenuTitle {
          margin-bottom:2.5rem
      }
  }
  
  .footerTwo .line-footer {
      display: block;
      height: 1px;
      width: 100%;
      background: linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))
  }
  
  .footerTwo .footerLink {
      padding-top: .75rem;
      padding-bottom: .75rem;
      font-size: .875rem;
      line-height: 1.25rem;
      color: rgb(255 255 255/var(--tw-text-opacity));
      --tw-text-opacity: 0.7
  }
  
  .footerTwo .footerLink:hover {
      color: rgb(191 158 119/var(--tw-text-opacity));
      --tw-text-opacity: 1
  }
  
  .footerTwo .foooterLogo {
      margin-bottom: 2.5rem;
      width: 90%
  }
  
  .footerTwo .foooterLogo svg path {
      fill: #fff
  }
  
  .footerTwo .subscribeUs form label {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .footerTwo .subscribeUs form .imputOutter {
      position: relative;
      z-index: 0;
      margin-top: .75rem;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255/var(--tw-border-opacity));
      --tw-border-opacity: 0.1;
      padding-bottom: .5rem
  }
  
  .footerTwo .subscribeUs form .imputOutter input {
      width: 100%;
      background-color: transparent;
      padding: .5rem .75rem
  }
  
  .footerTwo .subscribeUs form .imputOutter input:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .footerTwo .subscribeUs form .imputOutter button {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      display: flex;
      height: 2.5rem;
      align-items: center;
      justify-content: flex-end;
      padding-right: .75rem
  }
  
  .NewLaunch,.footerTwo .footerBottom {
      margin-top: 2.5rem
  }
  
  .NewLaunch {
      position: relative;
      z-index: 0
  }
  
  .NewLaunch img {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      transition-timing-function: linear
  }
  
  .NewLaunch .imgOverlay {
      background-color: rgb(0 10 13/var(--tw-bg-opacity));
      --tw-bg-opacity: 0
  }
  
  .NewLaunch .contextOutter,.NewLaunch .imgOverlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      height: 100%;
      width: 100%
  }
  
  .NewLaunch .contextOutter {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.25rem
  }
  
  .NewLaunch .contextOutter .contextInner {
      width: 100%
  }
  
  .NewLaunch .contextOutter .contextInner .overlayLogo {
      width: 50%
  }
  
  @media (min-width: 1024px) {
      .NewLaunch .contextOutter .contextInner .overlayLogo {
          width:40%
      }
  }
  
  .NewLaunch .contextOutter .contextInner .overlayLogo svg path {
      fill: #fff
  }
  
  .NewLaunch:hover img {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .backgroundImageTeam {
      background-image: url(/_next/static/media/bnw-developments-team.63ef9f47.jpg);
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat
  }
  
  .accordion-content {
      transition: max-height .2s ease-in-out;
      overflow: hidden;
      max-height: 0
  }
  
  .accordion-content.open {
      max-height: 200px
  }
  
  #privacyPolicy h3.h4 {
      margin-top: 40px
  }
  
  .formErrorMsg {
      margin-top: 0!important;
      margin-bottom: 0!important;
      font-size: .75rem!important;
      line-height: 1rem!important;
      --tw-text-opacity: 1!important;
      color: rgb(185 28 28/var(--tw-text-opacity))!important
  }
  
  .whatsappBtnFloatingOutter .whatsappBtnFloating {
      position: fixed;
      right: 2rem;
      bottom: 1.5rem;
      z-index: 0;
      cursor: pointer;
      padding: .625rem;
      opacity: .8;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      transition-duration: .3s;
      transition-timing-function: ease
  }
  
  .whatsappBtnFloatingOutter .whatsappBtnFloating:hover {
      opacity: 1
  }
  
  .blog-section2 {
      padding-top: 5rem;
      padding-bottom: 5rem;
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .blog-section2 h1 {
    font-family: "Roboto Condensed", sans-serif;
      margin-bottom: 1.75rem;
      font-weight: 600;
      font-size: 28px
  }
  
  @media (min-width: 768px) {
      .blog-section2 h1 {
          font-size:36px
      }
  }
  
  @media (min-width: 1024px) {
      .blog-section2 h1 {
          font-size:45px
      }
  }
  
  @media (min-width: 1540px) {
      .blog-section2 h1 {
          font-size:50px
      }
  }
  
  .blog-section2 h1 {
      line-height: 110%
  }
  
  .realEstateCount .communityCountCard .blog-section2 h1 {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .realEstateCount .communityCountCard .blog-section2 h1 span sup {
      top: -1.75rem;
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 {
      padding-top: .75rem
  }
  
  @media (min-width: 768px) {
      .realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 {
          padding-top:0
      }
  }
  
  .realEstateCount .communityCountCard:nth-child(4) .blog-section2 h1 span sup {
      top: -1.75rem;
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .blog-section2 h2 {
    font-family: "Roboto Condensed", sans-serif;
      margin-top: 1.75rem;
      font-weight: 500;
      font-size: 24px;
      line-height: 1.25
  }
  
  @media (min-width: 768px) {
      .blog-section2 h2 {
          font-size:28px
      }
  }
  
  @media (min-width: 1024px) {
      .blog-section2 h2 {
          font-size:35px
      }
  }
  
  @media (min-width: 1540px) {
      .blog-section2 h2 {
          font-size:45px
      }
  }
  
  .blog-section2 h3 {
    font-family: "Roboto Condensed", sans-serif;
      margin-top: 1.25rem;
      font-weight: 500;
      font-size: 20px
  }
  
  @media (min-width: 768px) {
      .blog-section2 h3 {
          font-size:24px
      }
  }
  
  @media (min-width: 1024px) {
      .blog-section2 h3 {
          font-size:30px
      }
  }
  
  .blog-section2 h3 {
      line-height: 110%
  }
  
  .servicesOutter .servicesGrid .serviceCardOutter .serviceContent .blog-section2 h3 {
      margin-bottom: .75rem;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1024px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:first-child .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1024px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(2) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {
          min-height:6rem
      }
  }
  
  @media (min-width: 1540px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(3) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 768px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  @media (min-width: 1280px) {
      .servicesOutter .servicesGrid .serviceCardOutter:nth-child(4) .serviceContent .blog-section2 h3 {
          min-height:4rem
      }
  }
  
  #privacyPolicy h3.blog-section2 h3 {
      margin-top: 40px
  }
  
  .blog-section2 h4 {
      font-family: "Roboto Condensed", sans-serif;
      margin-top: .75rem;
      font-weight: 500;
      font-size: 18px;
      line-height: 2rem
  }
  
  @media (min-width: 768px) {
      .blog-section2 h4 {
          font-size:22px
      }
  }
  
  .menuSection a .menuCardOutter .menuCardInner .blog-section2 h4 {
      margin-left: auto;
      margin-right: auto;
      max-width: 150px;
      text-align: center;
      text-transform: uppercase;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s
  }
  
  .menuSection a:hover .menuCardOutter .menuCardInner .blog-section2 h4 {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .blog-section2 p {
      font-family: "Roboto Condensed", sans-serif;
      margin-top: .75rem;
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .blog-section2 img {
      margin-bottom: 1.75rem;
      margin-top: 2.5rem
  }
  
  .blog-section2 ul {
      margin-top: .75rem;
      margin-left: 1.75rem;
      list-style-type: disc;
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .blog-section2 a:link,.blog-section2 a:visited {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .blog-section2 a:active,.blog-section2 a:hover {
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity));
      text-decoration-line: underline
  }
  
  .blog-section2 table,.blog-section2 td,.blog-section2 th {
      margin-top: .75rem;
      border-width: 2px;
      --tw-text-opacity: 1;
      color: rgb(87 87 94/var(--tw-text-opacity))
  }
  
  .blog-section2 td {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .react-tel-input {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 15px;
      position: relative;
      width: 100%
  }
  
  .react-tel-input:disabled {
      cursor: not-allowed
  }
  
  .react-tel-input .flag {
      width: 16px;
      height: 11px;
      background-image: url(/_next/static/media/flags.f9da76b9.png)
  }
  
  .react-tel-input .ad {
      background-position: -16px 0
  }
  
  .react-tel-input .ae {
      background-position: -32px 0
  }
  
  .react-tel-input .af {
      background-position: -48px 0
  }
  
  .react-tel-input .ag {
      background-position: -64px 0
  }
  
  .react-tel-input .ai {
      background-position: -80px 0
  }
  
  .react-tel-input .al {
      background-position: -96px 0
  }
  
  .react-tel-input .am {
      background-position: -112px 0
  }
  
  .react-tel-input .ao {
      background-position: -128px 0
  }
  
  .react-tel-input .ar {
      background-position: -144px 0
  }
  
  .react-tel-input .as {
      background-position: -160px 0
  }
  
  .react-tel-input .at {
      background-position: -176px 0
  }
  
  .react-tel-input .au {
      background-position: -192px 0
  }
  
  .react-tel-input .aw {
      background-position: -208px 0
  }
  
  .react-tel-input .az {
      background-position: -224px 0
  }
  
  .react-tel-input .ba {
      background-position: -240px 0
  }
  
  .react-tel-input .bb {
      background-position: 0 -11px
  }
  
  .react-tel-input .bd {
      background-position: -16px -11px
  }
  
  .react-tel-input .be {
      background-position: -32px -11px
  }
  
  .react-tel-input .bf {
      background-position: -48px -11px
  }
  
  .react-tel-input .bg {
      background-position: -64px -11px
  }
  
  .react-tel-input .bh {
      background-position: -80px -11px
  }
  
  .react-tel-input .bi {
      background-position: -96px -11px
  }
  
  .react-tel-input .bj {
      background-position: -112px -11px
  }
  
  .react-tel-input .bm {
      background-position: -128px -11px
  }
  
  .react-tel-input .bn {
      background-position: -144px -11px
  }
  
  .react-tel-input .bo {
      background-position: -160px -11px
  }
  
  .react-tel-input .br {
      background-position: -176px -11px
  }
  
  .react-tel-input .bs {
      background-position: -192px -11px
  }
  
  .react-tel-input .bt {
      background-position: -208px -11px
  }
  
  .react-tel-input .bw {
      background-position: -224px -11px
  }
  
  .react-tel-input .by {
      background-position: -240px -11px
  }
  
  .react-tel-input .bz {
      background-position: 0 -22px
  }
  
  .react-tel-input .ca {
      background-position: -16px -22px
  }
  
  .react-tel-input .cd {
      background-position: -32px -22px
  }
  
  .react-tel-input .cf {
      background-position: -48px -22px
  }
  
  .react-tel-input .cg {
      background-position: -64px -22px
  }
  
  .react-tel-input .ch {
      background-position: -80px -22px
  }
  
  .react-tel-input .ci {
      background-position: -96px -22px
  }
  
  .react-tel-input .ck {
      background-position: -112px -22px
  }
  
  .react-tel-input .cl {
      background-position: -128px -22px
  }
  
  .react-tel-input .cm {
      background-position: -144px -22px
  }
  
  .react-tel-input .cn {
      background-position: -160px -22px
  }
  
  .react-tel-input .co {
      background-position: -176px -22px
  }
  
  .react-tel-input .cr {
      background-position: -192px -22px
  }
  
  .react-tel-input .cu {
      background-position: -208px -22px
  }
  
  .react-tel-input .cv {
      background-position: -224px -22px
  }
  
  .react-tel-input .cw {
      background-position: -240px -22px
  }
  
  .react-tel-input .cy {
      background-position: 0 -33px
  }
  
  .react-tel-input .cz {
      background-position: -16px -33px
  }
  
  .react-tel-input .de {
      background-position: -32px -33px
  }
  
  .react-tel-input .dj {
      background-position: -48px -33px
  }
  
  .react-tel-input .dk {
      background-position: -64px -33px
  }
  
  .react-tel-input .dm {
      background-position: -80px -33px
  }
  
  .react-tel-input .do {
      background-position: -96px -33px
  }
  
  .react-tel-input .dz {
      background-position: -112px -33px
  }
  
  .react-tel-input .ec {
      background-position: -128px -33px
  }
  
  .react-tel-input .ee {
      background-position: -144px -33px
  }
  
  .react-tel-input .eg {
      background-position: -160px -33px
  }
  
  .react-tel-input .er {
      background-position: -176px -33px
  }
  
  .react-tel-input .es {
      background-position: -192px -33px
  }
  
  .react-tel-input .et {
      background-position: -208px -33px
  }
  
  .react-tel-input .fi {
      background-position: -224px -33px
  }
  
  .react-tel-input .fj {
      background-position: -240px -33px
  }
  
  .react-tel-input .fk {
      background-position: 0 -44px
  }
  
  .react-tel-input .fm {
      background-position: -16px -44px
  }
  
  .react-tel-input .fo {
      background-position: -32px -44px
  }
  
  .react-tel-input .bl,.react-tel-input .fr,.react-tel-input .mf {
      background-position: -48px -44px
  }
  
  .react-tel-input .ga {
      background-position: -64px -44px
  }
  
  .react-tel-input .gb {
      background-position: -80px -44px
  }
  
  .react-tel-input .gd {
      background-position: -96px -44px
  }
  
  .react-tel-input .ge {
      background-position: -112px -44px
  }
  
  .react-tel-input .gf {
      background-position: -128px -44px
  }
  
  .react-tel-input .gh {
      background-position: -144px -44px
  }
  
  .react-tel-input .gi {
      background-position: -160px -44px
  }
  
  .react-tel-input .gl {
      background-position: -176px -44px
  }
  
  .react-tel-input .gm {
      background-position: -192px -44px
  }
  
  .react-tel-input .gn {
      background-position: -208px -44px
  }
  
  .react-tel-input .gp {
      background-position: -224px -44px
  }
  
  .react-tel-input .gq {
      background-position: -240px -44px
  }
  
  .react-tel-input .gr {
      background-position: 0 -55px
  }
  
  .react-tel-input .gt {
      background-position: -16px -55px
  }
  
  .react-tel-input .gu {
      background-position: -32px -55px
  }
  
  .react-tel-input .gw {
      background-position: -48px -55px
  }
  
  .react-tel-input .gy {
      background-position: -64px -55px
  }
  
  .react-tel-input .hk {
      background-position: -80px -55px
  }
  
  .react-tel-input .hn {
      background-position: -96px -55px
  }
  
  .react-tel-input .hr {
      background-position: -112px -55px
  }
  
  .react-tel-input .ht {
      background-position: -128px -55px
  }
  
  .react-tel-input .hu {
      background-position: -144px -55px
  }
  
  .react-tel-input .id {
      background-position: -160px -55px
  }
  
  .react-tel-input .ie {
      background-position: -176px -55px
  }
  
  .react-tel-input .il {
      background-position: -192px -55px
  }
  
  .react-tel-input .in {
      background-position: -208px -55px
  }
  
  .react-tel-input .io {
      background-position: -224px -55px
  }
  
  .react-tel-input .iq {
      background-position: -240px -55px
  }
  
  .react-tel-input .ir {
      background-position: 0 -66px
  }
  
  .react-tel-input .is {
      background-position: -16px -66px
  }
  
  .react-tel-input .it {
      background-position: -32px -66px
  }
  
  .react-tel-input .je {
      background-position: -144px -154px
  }
  
  .react-tel-input .jm {
      background-position: -48px -66px
  }
  
  .react-tel-input .jo {
      background-position: -64px -66px
  }
  
  .react-tel-input .jp {
      background-position: -80px -66px
  }
  
  .react-tel-input .ke {
      background-position: -96px -66px
  }
  
  .react-tel-input .kg {
      background-position: -112px -66px
  }
  
  .react-tel-input .kh {
      background-position: -128px -66px
  }
  
  .react-tel-input .ki {
      background-position: -144px -66px
  }
  
  .react-tel-input .xk {
      background-position: -128px -154px
  }
  
  .react-tel-input .km {
      background-position: -160px -66px
  }
  
  .react-tel-input .kn {
      background-position: -176px -66px
  }
  
  .react-tel-input .kp {
      background-position: -192px -66px
  }
  
  .react-tel-input .kr {
      background-position: -208px -66px
  }
  
  .react-tel-input .kw {
      background-position: -224px -66px
  }
  
  .react-tel-input .ky {
      background-position: -240px -66px
  }
  
  .react-tel-input .kz {
      background-position: 0 -77px
  }
  
  .react-tel-input .la {
      background-position: -16px -77px
  }
  
  .react-tel-input .lb {
      background-position: -32px -77px
  }
  
  .react-tel-input .lc {
      background-position: -48px -77px
  }
  
  .react-tel-input .li {
      background-position: -64px -77px
  }
  
  .react-tel-input .lk {
      background-position: -80px -77px
  }
  
  .react-tel-input .lr {
      background-position: -96px -77px
  }
  
  .react-tel-input .ls {
      background-position: -112px -77px
  }
  
  .react-tel-input .lt {
      background-position: -128px -77px
  }
  
  .react-tel-input .lu {
      background-position: -144px -77px
  }
  
  .react-tel-input .lv {
      background-position: -160px -77px
  }
  
  .react-tel-input .ly {
      background-position: -176px -77px
  }
  
  .react-tel-input .ma {
      background-position: -192px -77px
  }
  
  .react-tel-input .mc {
      background-position: -208px -77px
  }
  
  .react-tel-input .md {
      background-position: -224px -77px
  }
  
  .react-tel-input .me {
      background-position: -112px -154px;
      height: 12px
  }
  
  .react-tel-input .mg {
      background-position: 0 -88px
  }
  
  .react-tel-input .mh {
      background-position: -16px -88px
  }
  
  .react-tel-input .mk {
      background-position: -32px -88px
  }
  
  .react-tel-input .ml {
      background-position: -48px -88px
  }
  
  .react-tel-input .mm {
      background-position: -64px -88px
  }
  
  .react-tel-input .mn {
      background-position: -80px -88px
  }
  
  .react-tel-input .mo {
      background-position: -96px -88px
  }
  
  .react-tel-input .mp {
      background-position: -112px -88px
  }
  
  .react-tel-input .mq {
      background-position: -128px -88px
  }
  
  .react-tel-input .mr {
      background-position: -144px -88px
  }
  
  .react-tel-input .ms {
      background-position: -160px -88px
  }
  
  .react-tel-input .mt {
      background-position: -176px -88px
  }
  
  .react-tel-input .mu {
      background-position: -192px -88px
  }
  
  .react-tel-input .mv {
      background-position: -208px -88px
  }
  
  .react-tel-input .mw {
      background-position: -224px -88px
  }
  
  .react-tel-input .mx {
      background-position: -240px -88px
  }
  
  .react-tel-input .my {
      background-position: 0 -99px
  }
  
  .react-tel-input .mz {
      background-position: -16px -99px
  }
  
  .react-tel-input .na {
      background-position: -32px -99px
  }
  
  .react-tel-input .nc {
      background-position: -48px -99px
  }
  
  .react-tel-input .ne {
      background-position: -64px -99px
  }
  
  .react-tel-input .nf {
      background-position: -80px -99px
  }
  
  .react-tel-input .ng {
      background-position: -96px -99px
  }
  
  .react-tel-input .ni {
      background-position: -112px -99px
  }
  
  .react-tel-input .bq,.react-tel-input .nl {
      background-position: -128px -99px
  }
  
  .react-tel-input .no {
      background-position: -144px -99px
  }
  
  .react-tel-input .np {
      background-position: -160px -99px
  }
  
  .react-tel-input .nr {
      background-position: -176px -99px
  }
  
  .react-tel-input .nu {
      background-position: -192px -99px
  }
  
  .react-tel-input .nz {
      background-position: -208px -99px
  }
  
  .react-tel-input .om {
      background-position: -224px -99px
  }
  
  .react-tel-input .pa {
      background-position: -240px -99px
  }
  
  .react-tel-input .pe {
      background-position: 0 -110px
  }
  
  .react-tel-input .pf {
      background-position: -16px -110px
  }
  
  .react-tel-input .pg {
      background-position: -32px -110px
  }
  
  .react-tel-input .ph {
      background-position: -48px -110px
  }
  
  .react-tel-input .pk {
      background-position: -64px -110px
  }
  
  .react-tel-input .pl {
      background-position: -80px -110px
  }
  
  .react-tel-input .pm {
      background-position: -96px -110px
  }
  
  .react-tel-input .pr {
      background-position: -112px -110px
  }
  
  .react-tel-input .ps {
      background-position: -128px -110px
  }
  
  .react-tel-input .pt {
      background-position: -144px -110px
  }
  
  .react-tel-input .pw {
      background-position: -160px -110px
  }
  
  .react-tel-input .py {
      background-position: -176px -110px
  }
  
  .react-tel-input .qa {
      background-position: -192px -110px
  }
  
  .react-tel-input .re {
      background-position: -208px -110px
  }
  
  .react-tel-input .ro {
      background-position: -224px -110px
  }
  
  .react-tel-input .rs {
      background-position: -240px -110px
  }
  
  .react-tel-input .ru {
      background-position: 0 -121px
  }
  
  .react-tel-input .rw {
      background-position: -16px -121px
  }
  
  .react-tel-input .sa {
      background-position: -32px -121px
  }
  
  .react-tel-input .sb {
      background-position: -48px -121px
  }
  
  .react-tel-input .sc {
      background-position: -64px -121px
  }
  
  .react-tel-input .sd {
      background-position: -80px -121px
  }
  
  .react-tel-input .se {
      background-position: -96px -121px
  }
  
  .react-tel-input .sg {
      background-position: -112px -121px
  }
  
  .react-tel-input .sh {
      background-position: -128px -121px
  }
  
  .react-tel-input .si {
      background-position: -144px -121px
  }
  
  .react-tel-input .sk {
      background-position: -160px -121px
  }
  
  .react-tel-input .sl {
      background-position: -176px -121px
  }
  
  .react-tel-input .sm {
      background-position: -192px -121px
  }
  
  .react-tel-input .sn {
      background-position: -208px -121px
  }
  
  .react-tel-input .so {
      background-position: -224px -121px
  }
  
  .react-tel-input .sr {
      background-position: -240px -121px
  }
  
  .react-tel-input .ss {
      background-position: 0 -132px
  }
  
  .react-tel-input .st {
      background-position: -16px -132px
  }
  
  .react-tel-input .sv {
      background-position: -32px -132px
  }
  
  .react-tel-input .sx {
      background-position: -48px -132px
  }
  
  .react-tel-input .sy {
      background-position: -64px -132px
  }
  
  .react-tel-input .sz {
      background-position: -80px -132px
  }
  
  .react-tel-input .tc {
      background-position: -96px -132px
  }
  
  .react-tel-input .td {
      background-position: -112px -132px
  }
  
  .react-tel-input .tg {
      background-position: -128px -132px
  }
  
  .react-tel-input .th {
      background-position: -144px -132px
  }
  
  .react-tel-input .tj {
      background-position: -160px -132px
  }
  
  .react-tel-input .tk {
      background-position: -176px -132px
  }
  
  .react-tel-input .tl {
      background-position: -192px -132px
  }
  
  .react-tel-input .tm {
      background-position: -208px -132px
  }
  
  .react-tel-input .tn {
      background-position: -224px -132px
  }
  
  .react-tel-input .to {
      background-position: -240px -132px
  }
  
  .react-tel-input .tr {
      background-position: 0 -143px
  }
  
  .react-tel-input .tt {
      background-position: -16px -143px
  }
  
  .react-tel-input .tv {
      background-position: -32px -143px
  }
  
  .react-tel-input .tw {
      background-position: -48px -143px
  }
  
  .react-tel-input .tz {
      background-position: -64px -143px
  }
  
  .react-tel-input .ua {
      background-position: -80px -143px
  }
  
  .react-tel-input .ug {
      background-position: -96px -143px
  }
  
  .react-tel-input .us {
      background-position: -112px -143px
  }
  
  .react-tel-input .uy {
      background-position: -128px -143px
  }
  
  .react-tel-input .uz {
      background-position: -144px -143px
  }
  
  .react-tel-input .va {
      background-position: -160px -143px
  }
  
  .react-tel-input .vc {
      background-position: -176px -143px
  }
  
  .react-tel-input .ve {
      background-position: -192px -143px
  }
  
  .react-tel-input .vg {
      background-position: -208px -143px
  }
  
  .react-tel-input .vi {
      background-position: -224px -143px
  }
  
  .react-tel-input .vn {
      background-position: -240px -143px
  }
  
  .react-tel-input .vu {
      background-position: 0 -154px
  }
  
  .react-tel-input .wf {
      background-position: -16px -154px
  }
  
  .react-tel-input .ws {
      background-position: -32px -154px
  }
  
  .react-tel-input .ye {
      background-position: -48px -154px
  }
  
  .react-tel-input .za {
      background-position: -64px -154px
  }
  
  .react-tel-input .zm {
      background-position: -80px -154px
  }
  
  .react-tel-input .zw {
      background-position: -96px -154px
  }
  
  .react-tel-input * {
      box-sizing: border-box;
      -moz-box-sizing: border-box
  }
  
  .react-tel-input .hide {
      display: none
  }
  
  .react-tel-input .v-hide {
      visibility: hidden
  }
  
  .react-tel-input .form-control {
      position: relative;
      font-size: 14px;
      letter-spacing: .01rem;
      margin-top: 0!important;
      margin-bottom: 0!important;
      padding-left: 48px;
      margin-left: 0;
      background: #fff;
      border: 1px solid #181818b2;
      border-radius: 5px;
      line-height: 25px;
      height: 35px;
      width: 300px;
      outline: none
  }
  .iti__dial-code {
    color: #000000 !important;
}


.iti__country-name, .iti__flag-box {
    color: black !important;
    margin-right: 6px;
}
  .react-tel-input .form-control.invalid-number,.react-tel-input .form-control.invalid-number:focus {
      background-color: #faf0f0;
      border: 1px solid #d79f9f;
      border-left-color: #181818b2
  }
  
  .react-tel-input .flag-dropdown {
      position: absolute;
      top: 0;
      bottom: 0;
      padding: 0;
      background-color: #f5f5f5;
      border-right: 1px solid #181818b2;
      border-radius: 3px 0 0 3px
  }
  
  .react-tel-input .flag-dropdown:focus,.react-tel-input .flag-dropdown:hover {
      cursor: pointer
  }
  
  .react-tel-input .flag-dropdown.invalid-number {
      border-color: #d79f9f
  }
  
  .react-tel-input .flag-dropdown.open {
      z-index: 2
  }
  
  .react-tel-input .flag-dropdown.open,.react-tel-input .flag-dropdown.open .selected-flag {
      background: #fff;
      border-radius: 3px 0 0 0
  }
  
  :is(.react-tel-input input[disabled])+.flag-dropdown:hover {
      cursor: default
  }
  
  :is(.react-tel-input input[disabled])+.flag-dropdown:hover .selected-flag {
      background-color: transparent
  }
  
  .react-tel-input .selected-flag {
      outline: none;
      position: relative;
      width: 38px;
      height: 100%;
      padding: 0 0 0 8px;
      border-radius: 3px 0 0 3px
  }
  
  .react-tel-input .selected-flag .flag {
      position: absolute;
      top: 50%;
      margin-top: -5px
  }
  
  .react-tel-input .selected-flag .arrow {
      position: relative;
      top: 50%;
      margin-top: -2px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555
  }
  
  .react-tel-input .selected-flag .arrow.up {
      border-top: none;
      border-bottom: 4px solid #555
  }
  
  .react-tel-input .country-list {
      outline: none;
      z-index: 1;
      list-style: none;
      position: absolute;
      padding: 0;
      margin: 10px 0 10px -1px;
      box-shadow: 1px 2px 10px rgba(0,0,0,.35);
      background-color: #fff;
      width: 300px;
      max-height: 200px;
      overflow-y: scroll;
      border-radius: 0 0 3px 3px
  }
  
  .react-tel-input .country-list .flag {
      display: inline-block;
      margin-right: 7px;
      margin-top: 2px
  }
  
  .react-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #ccc
  }
  
  .react-tel-input .country-list .country {
      padding: 7px 9px
  }
  
  .react-tel-input .country-list .country .dial-code {
      color: #6b6b6b
  }
  
  .react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover {
      background-color: #f1f1f1
  }
  
  .react-tel-input .country-list .country-name {
      margin-right: 6px
  }
  
  .react-tel-input .country-list .search {
      position: sticky;
      top: 0;
      background-color: #fff;
      padding: 10px 0 6px 10px
  }
  
  .react-tel-input .country-list .search-emoji {
      font-size: 15px
  }
  
  .react-tel-input .country-list .search-box {
      border: 1px solid #cacaca;
      border-radius: 3px;
      font-size: 15px;
      line-height: 15px;
      margin-left: 6px;
      padding: 3px 8px 5px;
      outline: none
  }
  
  .react-tel-input .country-list .no-entries-message {
      padding: 7px 10px 11px;
      opacity: .7
  }
  
  .react-tel-input .invalid-number-message {
      color: #de0000
  }
  
  .react-tel-input .invalid-number-message,.react-tel-input .special-label {
      position: absolute;
      z-index: 1;
      font-size: 13px;
      left: 46px;
      top: -8px;
      background: #fff;
      padding: 0 2px
  }
  
  .react-tel-input .special-label {
      display: none;
      white-space: nowrap
  }
  
  .before\:-left-3:before {
      content: var(--tw-content);
      left: -.75rem
  }
  
  .before\:-right-3:before {
      content: var(--tw-content);
      right: -.75rem
  }
  
  .before\:top-2:before {
      content: var(--tw-content);
      top: .5rem
  }
  
  .before\:top-20:before {
      content: var(--tw-content);
      top: 5rem
  }
  
  .before\:top-44:before {
      content: var(--tw-content);
      top: 11rem
  }
  
  .after\:absolute:after {
      content: var(--tw-content);
      position: absolute
  }
  
  .after\:top-0:after {
      content: var(--tw-content);
      top: 0
  }
  
  .after\:-z-10:after {
      content: var(--tw-content);
      z-index: -10
  }
  
  .after\:h-20:after {
      content: var(--tw-content);
      height: 5rem
  }
  
  .after\:w-20:after {
      content: var(--tw-content);
      width: 5rem
  }
  
  @keyframes ping {
      75%,to {
          content: var(--tw-content);
          transform: scale(2);
          opacity: 0
      }
  }
  
  .after\:animate-ping:after {
      content: var(--tw-content);
      animation: ping 1s cubic-bezier(0,0,.2,1) infinite
  }
  
  .after\:border-8:after {
      content: var(--tw-content);
      border-width: 8px
  }
  
  .after\:border-thmBrown:after {
      content: var(--tw-content);
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .after\:bg-transparent:after {
      content: var(--tw-content);
      background-color: transparent
  }
  
  .hover\:scale-100:hover {
      --tw-scale-x: 1;
      --tw-scale-y: 1
  }
  
  .hover\:scale-100:hover,.hover\:scale-110:hover {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .hover\:scale-110:hover {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1
  }
  
  .hover\:cursor-pointer:hover {
      cursor: pointer
  }
  
  .hover\:border-thmBrown:hover {
      --tw-border-opacity: 1;
      border-color: rgb(191 158 119/var(--tw-border-opacity))
  }
  
  .hover\:border-white:hover {
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255/var(--tw-border-opacity))
  }
  
  .hover\:bg-thmBlack:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(0 10 13/var(--tw-bg-opacity))
  }
  
  .hover\:text-thmBrown:hover {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .hover\:text-opacity-100:hover {
      --tw-text-opacity: 1
  }
  
  .group:hover .group-hover\:bottom-0 {
      bottom: 0
  }
  
  .group:hover .group-hover\:left-0 {
      left: 0
  }
  
  .group:hover .group-hover\:top-0 {
      top: 0
  }
  
  .group:hover .group-hover\:flex {
      display: flex
  }
  
  .group:hover .group-hover\:grid {
      display: grid
  }
  
  .group:hover .group-hover\:w-full {
      width: 100%
  }
  
  .group:hover .group-hover\:scale-105 {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .group:hover .group-hover\:bg-\[\#f0eae3de\] {
      background-color: #f0eae3de
  }
  
  .group:hover .group-hover\:text-\[\#000\] {
      --tw-text-opacity: 1;
      color: rgb(0 0 0/var(--tw-text-opacity))
  }
  
  .group:hover .group-hover\:text-\[\#bf9e77\],.group:hover .group-hover\:text-thmBrown {
      --tw-text-opacity: 1;
      color: rgb(191 158 119/var(--tw-text-opacity))
  }
  
  .group:hover .group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity))
  }
  
  .group:hover .group-hover\:opacity-25 {
      opacity: .25
  }
  
  @media (min-width: 550px) {
      .xs\:mb-10 {
          margin-bottom:2.5rem
      }
  
      .xs\:block {
          display: block
      }
  
      .xs\:hidden {
          display: none
      }
  
      .xs\:h-\[350px\] {
          height: 350px
      }
  
      .xs\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .xs\:grid-cols-3 {
          grid-template-columns: repeat(3,minmax(0,1fr))
      }
  
      .xs\:gap-10 {
          gap: 2.5rem
      }
  
      .xs\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
      }
  }
  
  @media (min-width: 640px) {
      .sm\:left-10 {
          left:2.5rem
      }
  
      .sm\:right-10 {
          right: 2.5rem
      }
  
      .sm\:mt-5 {
          margin-top: 1.25rem
      }
  
      .sm\:block {
          display: block
      }
  
      .sm\:min-h-\[620px\] {
          min-height: 620px
      }
  
      .sm\:w-10 {
          width: 2.5rem
      }
  
      .sm\:w-14 {
          width: 3.5rem
      }
  
      .sm\:max-w-xl {
          max-width: 36rem
      }
  
      .sm\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .sm\:grid-cols-4 {
          grid-template-columns: repeat(4,minmax(0,1fr))
      }
  
      .sm\:gap-x-10 {
          -moz-column-gap: 2.5rem;
          column-gap: 2.5rem
      }
  
      .sm\:gap-y-16 {
          row-gap: 4rem
      }
  
      .sm\:px-0 {
          padding-left: 0;
          padding-right: 0
      }
  
      .sm\:px-24 {
          padding-left: 6rem;
          padding-right: 6rem
      }
  
      .sm\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
      }
  
      .sm\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
      }
  
      .sm\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem
      }
  }
  
  @media (min-width: 768px) {
      .md\:left-\[40\%\] {
          left:40%
      }
  
      .md\:top-\[140px\] {
          top: 140px
      }
  
      .md\:top-\[200px\] {
          top: 200px
      }
  
      .md\:mb-0 {
          margin-bottom: 0
      }
  
      .md\:ml-auto {
          margin-left: auto
      }
  
      .md\:mt-10 {
          margin-top: 2.5rem
      }
  
      .md\:grid {
          display: grid
      }
  
      .md\:h-\[250px\] {
          height: 250px
      }
  
      .md\:h-\[400px\] {
          height: 400px
      }
  
      .md\:h-\[70vh\] {
          height: 70vh
      }
  
      .md\:min-h-\[350px\] {
          min-height: 350px
      }
  
      .md\:min-h-\[500px\] {
          min-height: 500px
      }
  
      .md\:min-h-\[650px\] {
          min-height: 650px
      }
  
      .md\:w-\[350px\] {
          width: 350px
      }
  
      .md\:max-w-4xl {
          max-width: 56rem
      }
  
      .md\:max-w-\[50\%\] {
          max-width: 50%
      }
  
      .md\:max-w-lg {
          max-width: 32rem
      }
  
      .md\:max-w-md {
          max-width: 28rem
      }
  
      .md\:max-w-xl {
          max-width: 36rem
      }
  
      .md\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .md\:grid-cols-3 {
          grid-template-columns: repeat(3,minmax(0,1fr))
      }
  
      .md\:grid-cols-\[60\%__35\%\] {
          grid-template-columns: 60% 35%
      }
  
      .md\:grid-cols-\[88\%_7\%\] {
          grid-template-columns: 88% 7%
      }
  
      .md\:flex-row {
          flex-direction: row
      }
  
      .md\:flex-nowrap {
          flex-wrap: nowrap
      }
  
      .md\:gap-0 {
          gap: 0
      }
  
      .md\:gap-10 {
          gap: 2.5rem
      }
  
      .md\:gap-5 {
          gap: 1.25rem
      }
  
      .md\:object-\[0\%_70\%\] {
          -o-object-position: 0 70%;
          object-position: 0 70%
      }
  
      .md\:px-44 {
          padding-left: 11rem;
          padding-right: 11rem
      }
  
      .md\:pt-0 {
          padding-top: 0
      }
  
      .md\:pt-10 {
          padding-top: 2.5rem
      }
  
      .md\:pt-28 {
          padding-top: 7rem
      }
  
      .md\:pt-3 {
          padding-top: .75rem
      }
  
      .md\:text-right {
          text-align: right
      }
  
      .md\:text-\[14px\] {
          font-size: 14px
      }
  }
  
  @media (min-width: 1024px) {
      .lg\:visible {
          visibility:visible
      }
  
      .lg\:invisible {
          visibility: hidden
      }
  
      .lg\:absolute {
          position: absolute
      }
  
      .lg\:relative {
          position: relative
      }
  
      .lg\:-top-32 {
          top: -8rem
      }
  
      .lg\:bottom-16 {
          bottom: 4rem
      }
  
      .lg\:bottom-20 {
          bottom: 5rem
      }
  
      .lg\:bottom-auto {
          bottom: auto
      }
  
      .lg\:left-0 {
          left: 0
      }
  
      .lg\:left-auto {
          left: auto
      }
  
      .lg\:right-0 {
          right: 0
      }
  
      .lg\:right-\[-45px\] {
          right: -45px
      }
  
      .lg\:top-0 {
          top: 0
      }
  
      .lg\:top-36 {
          top: 9rem
      }
  
      .lg\:top-\[-47px\] {
          top: -47px
      }
  
      .lg\:top-\[160px\] {
          top: 160px
      }
  
      .lg\:-z-10 {
          z-index: -10
      }
  
      .lg\:order-1 {
          order: 1
      }
  
      .lg\:order-2 {
          order: 2
      }
  
      .lg\:order-3 {
          order: 3
      }
  
      .lg\:col-span-3 {
          grid-column: span 3/span 3
      }
  
      .lg\:col-span-4 {
          grid-column: span 4/span 4
      }
  
      .lg\:col-span-7 {
          grid-column: span 7/span 7
      }
  
      .lg\:mx-0 {
          margin-left: 0;
          margin-right: 0
      }
  
      .lg\:my-0 {
          margin-top: 0;
          margin-bottom: 0
      }
  
      .lg\:my-10 {
          margin-top: 2.5rem;
          margin-bottom: 2.5rem
      }
  
      .lg\:my-14 {
          margin-top: 3.5rem;
          margin-bottom: 3.5rem
      }
  
      .lg\:my-20 {
          margin-top: 5rem;
          margin-bottom: 5rem
      }
  
      .lg\:my-3 {
          margin-top: .75rem;
          margin-bottom: .75rem
      }
  
      .lg\:my-32 {
          margin-top: 8rem;
          margin-bottom: 8rem
      }
  
      .lg\:my-36 {
          margin-top: 9rem;
          margin-bottom: 9rem
      }
  
      .lg\:my-5 {
          margin-top: 1.25rem;
          margin-bottom: 1.25rem
      }
  
      .lg\:-ml-16 {
          margin-left: -4rem
      }
  
      .lg\:-mt-\[100px\] {
          margin-top: -100px
      }
  
      .lg\:-mt-\[400px\] {
          margin-top: -400px
      }
  
      .lg\:mb-0 {
          margin-bottom: 0
      }
  
      .lg\:mb-10 {
          margin-bottom: 2.5rem
      }
  
      .lg\:mb-16 {
          margin-bottom: 4rem
      }
  
      .lg\:mb-20 {
          margin-bottom: 5rem
      }
  
      .lg\:mb-32 {
          margin-bottom: 8rem
      }
  
      .lg\:mb-4 {
          margin-bottom: 1rem
      }
  
      .lg\:mb-5 {
          margin-bottom: 1.25rem
      }
  
      .lg\:mb-6 {
          margin-bottom: 1.5rem
      }
  
      .lg\:mb-8 {
          margin-bottom: 2rem
      }
  
      .lg\:ml-auto {
          margin-left: auto
      }
  
      .lg\:mr-10 {
          margin-right: 2.5rem
      }
  
      .lg\:mr-16 {
          margin-right: 4rem
      }
  
      .lg\:mr-32 {
          margin-right: 8rem
      }
  
      .lg\:mr-5 {
          margin-right: 1.25rem
      }
  
      .lg\:mt-0 {
          margin-top: 0
      }
  
      .lg\:mt-10 {
          margin-top: 2.5rem
      }
  
      .lg\:mt-16 {
          margin-top: 4rem
      }
  
      .lg\:mt-20 {
          margin-top: 5rem
      }
  
      .lg\:mt-36 {
          margin-top: 9rem
      }
  
      .lg\:mt-40 {
          margin-top: 10rem
      }
  
      .lg\:block {
          display: block
      }
  
      .lg\:inline-block {
          display: inline-block
      }
  
      .lg\:hidden {
          display: none
      }
  
      .lg\:h-10 {
          height: 2.5rem
      }
  
      .lg\:h-\[300px\] {
          height: 300px
      }
  
      .lg\:h-\[350px\] {
          height: 350px
      }
  
      .lg\:h-\[500px\] {
          height: 500px
      }
  
      .lg\:h-\[67vh\] {
          height: 67vh
      }
  
      .lg\:h-\[80vh\] {
          height: 80vh
      }
  
      .lg\:h-full {
          height: 100%
      }
  
      .lg\:max-h-full {
          max-height: 100%
      }
  
      .lg\:min-h-\[500px\] {
          min-height: 500px
      }
  
      .lg\:min-h-\[750px\] {
          min-height: 750px
      }
  
      .lg\:min-h-\[900px\] {
          min-height: 900px
      }
  
      .lg\:w-2\/3 {
          width: 66.666667%
      }
  
      .lg\:w-3\/12 {
          width: 25%
      }
  
      .lg\:w-\[1280px\] {
          width: 1280px
      }
  
      .lg\:w-\[60\%\] {
          width: 60%
      }
  
      .lg\:w-auto {
          width: auto
      }
  
      .lg\:w-full {
          width: 100%
      }
  
      .lg\:max-w-2xl {
          max-width: 42rem
      }
  
      .lg\:max-w-3xl {
          max-width: 48rem
      }
  
      .lg\:max-w-6xl {
          max-width: 72rem
      }
  
      .lg\:max-w-\[400px\] {
          max-width: 400px
      }
  
      .lg\:max-w-full {
          max-width: 100%
      }
  
      .lg\:max-w-lg {
          max-width: 32rem
      }
  
      .lg\:max-w-md {
          max-width: 28rem
      }
  
      .lg\:max-w-screen-2xl {
          max-width: 1540px
      }
  
      .lg\:max-w-sm {
          max-width: 24rem
      }
  
      .lg\:max-w-xl {
          max-width: 36rem
      }
  
      .lg\:grid-cols-1 {
          grid-template-columns: repeat(1,minmax(0,1fr))
      }
  
      .lg\:grid-cols-11 {
          grid-template-columns: repeat(11,minmax(0,1fr))
      }
  
      .lg\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .lg\:grid-cols-3 {
          grid-template-columns: repeat(3,minmax(0,1fr))
      }
  
      .lg\:grid-cols-4 {
          grid-template-columns: repeat(4,minmax(0,1fr))
      }
  
      .lg\:grid-cols-7 {
          grid-template-columns: repeat(7,minmax(0,1fr))
      }
  
      .lg\:grid-cols-\[20\%_40\%_40\%\] {
          grid-template-columns: 20% 40% 40%
      }
  
      .lg\:grid-cols-\[30\%_30\%_40\%\] {
          grid-template-columns: 30% 30% 40%
      }
  
      .lg\:grid-cols-\[30\%_70\%\] {
          grid-template-columns: 30% 70%
      }
  
      .lg\:grid-cols-\[35\%_65\%\] {
          grid-template-columns: 35% 65%
      }
  
      .lg\:grid-cols-\[45\%_25\%_30\%\] {
          grid-template-columns: 45% 25% 30%
      }
  
      .lg\:grid-cols-\[50\%_50\%\] {
          grid-template-columns: 50% 50%
      }
  
      .lg\:grid-cols-\[65\%_35\%\] {
          grid-template-columns: 65% 35%
      }
  
      .lg\:grid-cols-\[70\%_30\%\],.lg\:grid-cols-\[70\%__30\%\] {
          grid-template-columns: 70% 30%
      }
  
      .lg\:grid-cols-\[93\%_7\%\] {
          grid-template-columns: 93% 7%
      }
  
      .lg\:flex-row {
          flex-direction: row
      }
  
      .lg\:flex-col {
          flex-direction: column
      }
  
      .lg\:items-start {
          align-items: flex-start
      }
  
      .lg\:justify-start {
          justify-content: flex-start
      }
  
      .lg\:justify-end {
          justify-content: flex-end
      }
  
      .lg\:justify-between {
          justify-content: space-between
      }
  
      .lg\:gap-0 {
          gap: 0
      }
  
      .lg\:gap-10 {
          gap: 2.5rem
      }
  
      .lg\:gap-14 {
          gap: 3.5rem
      }
  
      .lg\:gap-20 {
          gap: 5rem
      }
  
      .lg\:gap-24 {
          gap: 6rem
      }
  
      .lg\:gap-5 {
          gap: 1.25rem
      }
  
      .lg\:gap-7 {
          gap: 1.75rem
      }
  
      .lg\:border-b-\[0px\] {
          border-bottom-width: 0
      }
  
      .lg\:border-r-\[1px\] {
          border-right-width: 1px
      }
  
      .lg\:object-cover {
          -o-object-fit: cover;
          object-fit: cover
      }
  
      .lg\:px-0 {
          padding-left: 0;
          padding-right: 0
      }
  
      .lg\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem
      }
  
      .lg\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
      }
  
      .lg\:px-40 {
          padding-left: 10rem;
          padding-right: 10rem
      }
  
      .lg\:px-5 {
          padding-left: 1.25rem;
          padding-right: 1.25rem
      }
  
      .lg\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
      }
  
      .lg\:px-7 {
          padding-left: 1.75rem;
          padding-right: 1.75rem
      }
  
      .lg\:py-0 {
          padding-top: 0;
          padding-bottom: 0
      }
  
      .lg\:py-10 {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem
      }
  
      .lg\:py-16 {
          padding-top: 4rem;
          padding-bottom: 4rem
      }
  
      .lg\:py-20 {
          padding-top: 5rem;
          padding-bottom: 5rem
      }
  
      .lg\:py-32 {
          padding-top: 8rem;
          padding-bottom: 8rem
      }
  
      .lg\:py-36 {
          padding-top: 9rem;
          padding-bottom: 9rem
      }
  
      .lg\:py-6 {
          padding-top: 1.5rem;
          padding-bottom: 1.5rem
      }
  
      .lg\:py-7 {
          padding-top: 1.75rem;
          padding-bottom: 1.75rem
      }
  
      .lg\:pb-0 {
          padding-bottom: 0
      }
  
      .lg\:pb-10 {
          padding-bottom: 2.5rem
      }
  
      .lg\:pb-14 {
          padding-bottom: 3.5rem
      }
  
      .lg\:pb-20 {
          padding-bottom: 5rem
      }
  
      .lg\:pb-40 {
          padding-bottom: 10rem
      }
  
      .lg\:pb-8 {
          padding-bottom: 2rem
      }
  
      .lg\:pb-\[600px\] {
          padding-bottom: 600px
      }
  
      .lg\:pb-\[80px\] {
          padding-bottom: 80px
      }
  
      .lg\:pl-10 {
          padding-left: 2.5rem
      }
  
      .lg\:pl-12 {
          padding-left: 3rem
      }
  
      .lg\:pl-14 {
          padding-left: 3.5rem
      }
  
      .lg\:pl-5 {
          padding-left: 1.25rem
      }
  
      .lg\:pr-0 {
          padding-right: 0
      }
  
      .lg\:pr-10 {
          padding-right: 2.5rem
      }
  
      .lg\:pr-14 {
          padding-right: 3.5rem
      }
  
      .lg\:pr-5 {
          padding-right: 1.25rem
      }
  
      .lg\:pr-6 {
          padding-right: 1.5rem
      }
  
      .lg\:pt-0 {
          padding-top: 0
      }
  
      .lg\:pt-10 {
          padding-top: 2.5rem
      }
  
      .lg\:pt-12 {
          padding-top: 3rem
      }
  
      .lg\:pt-16 {
          padding-top: 4rem
      }
  
      .lg\:pt-20 {
          padding-top: 5rem
      }
  
      .lg\:pt-36 {
          padding-top: 9rem
      }
  
      .lg\:pt-40 {
          padding-top: 10rem
      }
  
      .lg\:pt-8 {
          padding-top: 2rem
      }
  
      .lg\:pt-\[23px\] {
          padding-top: 23px
      }
  
      .lg\:text-left {
          text-align: left
      }
  
      .lg\:text-center {
          text-align: center
      }
  
      .lg\:text-right {
          text-align: right
      }
  
      .lg\:text-justify {
          text-align: justify
      }
  
      .lg\:text-2xl {
          font-size: 1.5rem;
          line-height: 2rem
      }
  
      .lg\:text-\[12px\] {
          font-size: 12px
      }
  
      .lg\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem
      }
  
      .lg\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
      }
  
      .lg\:text-xl {
          font-size: 1.25rem;
          line-height: 1.75rem
      }
  
      .lg\:text-xs {
          font-size: .75rem;
          line-height: 1rem
      }
  
      .lg\:text-thmBlack {
          --tw-text-opacity: 1;
          color: rgb(0 10 13/var(--tw-text-opacity))
      }
  }
  
  @media (min-width: 1280px) {
      .xl\:top-10 {
          top:2.5rem
      }
  
      .xl\:order-1 {
          order: 1
      }
  
      .xl\:order-2 {
          order: 2
      }
  
      .xl\:mx-auto {
          margin-left: auto;
          margin-right: auto
      }
  
      .xl\:my-5 {
          margin-top: 1.25rem;
          margin-bottom: 1.25rem
      }
  
      .xl\:-mr-20 {
          margin-right: -5rem
      }
  
      .xl\:mb-10 {
          margin-bottom: 2.5rem
      }
  
      .xl\:mb-6 {
          margin-bottom: 1.5rem
      }
  
      .xl\:mb-8 {
          margin-bottom: 2rem
      }
  
      .xl\:ml-0 {
          margin-left: 0
      }
  
      .xl\:ml-10 {
          margin-left: 2.5rem
      }
  
      .xl\:mr-10 {
          margin-right: 2.5rem
      }
  
      .xl\:mr-32 {
          margin-right: 8rem
      }
  
      .xl\:mt-0 {
          margin-top: 0
      }
  
      .xl\:mt-36 {
          margin-top: 9rem
      }
  
      .xl\:mt-4 {
          margin-top: 1rem
      }
  
      .xl\:block {
          display: block
      }
  
      .xl\:h-\[550px\] {
          height: 550px
      }
  
      .xl\:h-screen {
          height: 100vh
      }
  
      .xl\:min-h-\[850px\] {
          min-height: 850px
      }
  
      .xl\:w-\[400px\] {
          width: 400px
      }
  
      .xl\:w-\[70\%\] {
          width: 70%
      }
  
      .xl\:w-auto {
          width: auto
      }
  
      .xl\:w-full {
          width: 100%
      }
  
      .xl\:max-w-4xl {
          max-width: 56rem
      }
  
      .xl\:max-w-sm {
          max-width: 24rem
      }
  
      .xl\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .xl\:grid-cols-3 {
          grid-template-columns: repeat(3,minmax(0,1fr))
      }
  
      .xl\:grid-cols-4 {
          grid-template-columns: repeat(4,minmax(0,1fr))
      }
  
      .xl\:grid-cols-\[15\%_35\%_50\%\] {
          grid-template-columns: 15% 35% 50%
      }
  
      .xl\:grid-cols-\[25\%_75\%\] {
          grid-template-columns: 25% 75%
      }
  
      .xl\:grid-cols-\[35\%_65\%\] {
          grid-template-columns: 35% 65%
      }
  
      .xl\:grid-cols-\[40\%_60\%\] {
          grid-template-columns: 40% 60%
      }
  
      .xl\:grid-cols-\[60\%_40\%\] {
          grid-template-columns: 60% 40%
      }
  
      .xl\:flex-row {
          flex-direction: row
      }
  
      .xl\:items-end {
          align-items: flex-end
      }
  
      .xl\:justify-center {
          justify-content: center
      }
  
      .xl\:gap-20 {
          gap: 5rem
      }
  
      .xl\:overflow-x-auto {
          overflow-x: auto
      }
  
      .xl\:object-cover {
          -o-object-fit: cover;
          object-fit: cover
      }
  
      .xl\:px-20 {
          padding-left: 5rem;
          padding-right: 5rem
      }
  
      .xl\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
      }
  
      .xl\:py-10 {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem
      }
  
      .xl\:py-14 {
          padding-top: 3.5rem;
          padding-bottom: 3.5rem
      }
  
      .xl\:py-20 {
          padding-top: 5rem;
          padding-bottom: 5rem
      }
  
      .xl\:pb-10 {
          padding-bottom: 2.5rem
      }
  
      .xl\:pb-\[800px\] {
          padding-bottom: 800px
      }
  
      .xl\:pl-14 {
          padding-left: 3.5rem
      }
  
      .xl\:pl-44 {
          padding-left: 11rem
      }
  
      .xl\:pr-10 {
          padding-right: 2.5rem
      }
  
      .xl\:pr-20 {
          padding-right: 5rem
      }
  
      .xl\:pr-44 {
          padding-right: 11rem
      }
  
      .xl\:text-right {
          text-align: right
      }
  
      .xl\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem
      }
  
      .xl\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
      }
  }
  
  @media (min-width: 1540px) {
      .\32xl\:top-20 {
          top:5rem
      }
  
      .\32xl\:-mr-28 {
          margin-right: -7rem
      }
  
      .\32xl\:mb-\[-4\] {
          margin-bottom: -4
      }
  
      .\32xl\:h-\[400px\] {
          height: 400px
      }
  
      .\32xl\:h-full {
          height: 100%
      }
  
      .\32xl\:w-auto {
          width: auto
      }
  
      .\32xl\:w-full {
          width: 100%
      }
  
      .\32xl\:max-w-lg {
          max-width: 32rem
      }
  
      .\32xl\:items-center {
          align-items: center
      }
  
      .\32xl\:gap-10 {
          gap: 2.5rem
      }
  
      .\32xl\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
      }
  
      .\32xl\:pb-32 {
          padding-bottom: 8rem
      }
  
      .\32xl\:pb-6 {
          padding-bottom: 1.5rem
      }
  
      .\32xl\:pl-20 {
          padding-left: 5rem
      }
  
      .\32xl\:pr-0 {
          padding-right: 0
      }
  
      .\32xl\:pr-20 {
          padding-right: 5rem
      }
  }
  
  .ltr\:-right-10:where([dir=ltr],[dir=ltr] *) {
      right: -2.5rem
  }
  
  @media (min-width: 1024px) {
      .ltr\:lg\:mr-20:where([dir=ltr],[dir=ltr] *) {
          margin-right:5rem
      }
  
      .ltr\:lg\:pr-0:where([dir=ltr],[dir=ltr] *) {
          padding-right: 0
      }
  }
  
  @media (min-width: 1280px) {
      .ltr\:xl\:right-10:where([dir=ltr],[dir=ltr] *) {
          right:2.5rem
      }
  }
  
  .rtl\:-left-10:where([dir=rtl],[dir=rtl] *) {
      left: -2.5rem
  }
  
  .rtl\:order-1:where([dir=rtl],[dir=rtl] *) {
      order: 1
  }
  
  .rtl\:order-2:where([dir=rtl],[dir=rtl] *) {
      order: 2
  }
  
  @media (min-width: 1024px) {
      .rtl\:lg\:pr-14:where([dir=rtl],[dir=rtl] *) {
          padding-right:3.5rem
      }
  }
  
  @media (min-width: 1280px) {
      .rtl\:xl\:-right-28:where([dir=rtl],[dir=rtl] *) {
          right:-7rem
      }
  }
  
  @media (max-width: 576px) {
      .container {
          width: 100%;
          margin-right: auto;
          margin-left: auto;
          padding-right: 10px !important;
          padding-left: 10px !important;
      }
      .bg-thmCream{
          padding: 30px;
      }.paraTwo {
          font-size: 15px;
          line-height: 25px;
          letter-spacing: 0.5px;
      }.h3 {
         
          font-size: 22px !important;
          line-height: 32px !important;
      }
      .closeBtn {
        width:20px !important;
      }
      }


       /* Submenu toggle styling */
       .submenu-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
      
        user-select: none; /* Prevent text selection when clicking */
    }
    
    .submenu-icon {
        margin-left: 8px;
        font-size: 19px;
        transition: transform 0.3s ease;
    }
    
    /* Rotate icon when submenu is open */
    .submenu-toggle.open .submenu-icon {
        transform: rotate(180deg);
        
    }
    
    /* Submenu styling */
    .submenu {
        margin-top: 10px;
        display: none;
        flex-direction: column;
    }
    .submenu-item {
        padding: 10px 0;
        color: #cacaca; /* Adjust color as needed */
        text-decoration: none;
    }
   
    .hiddenes {
        display: none;
    }
    .visibles {
        display: flex;
    }